/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

0 vote303 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
3 votes285 views3 answers
React Components
Javascript React
0 vote334 views1 answer
Add active class to button onclick react
Javascript React
0 vote319 views1 answer
React infinte scroll
Javascript React
1 vote326 views1 answer
React native basic template
Javascript React
0 vote324 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
17 votes357 views4 answers
React native geolocation
Javascript React
6 votes320 views2 answers
React in jquery
Javascript React
0 vote326 views1 answer
Cannot find module 'sass' react
Javascript React
68 votes337 views4 answers
Inline style react
Javascript React