/Javascript/React/React native class component

React native class component

How to create a component in react native

class Car extends React.Component {
  render() {
    return <h2>Hi, I am a Car!</h2>;
  }
}

React native class component

class Cat extends Component {
  render() {
    return <Text>Hello, I am your cat!</Text>;
  }
}

Functional components react

function Comment(props) {
  return (
    <div className="Comment">
      <div className="UserInfo">
        <img className="Avatar"
          src={props.author.avatarUrl}
          alt={props.author.name}
        />
        <div className="UserInfo-name">
          {props.author.name}
        </div>
      </div>
      <div className="Comment-text">
        {props.text}
      </div>
      <div className="Comment-date">
        {formatDate(props.date)}
      </div>
    </div>
  );
}

Source: reactjs.org

Similar codes

1 vote144 views1 answer
Module not found reactstrap
Javascript React
0 vote132 views1 answer
CChartpie react
Javascript React
131 votes320 views6 answers
Creating react app
Javascript React
1 vote136 views1 answer
How to paste in android emulator react nativ etext input
Javascript React
0 vote125 views1 answer
Shallow render in react
Javascript React
1 vote148 views4 answers
React native push notifications npm
Javascript React
0 vote133 views1 answer
How to add base url as src in react native
Javascript React
0 vote147 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript React
65 votes122 views6 answers
Route react
Javascript React
6 votes156 views1 answer
React dictionary key value avec 2 variable
Javascript React