/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 vote353 views1 answer
How to take out text from array of strings in react
Javascript React
-1 vote333 views4 answers
React tutorial
Javascript React
0 vote343 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
1 vote358 views2 answers
How to prevent render in react
Javascript React
0 vote384 views1 answer
React native intro slider
Javascript React
4 votes349 views1 answer
Enable emmit on react
Javascript React
2 votes385 views1 answer
React dynamic import
Javascript React
0 vote396 views1 answer
Ngif react
Javascript React
33 votes342 views3 answers
React routes
Javascript React
0 vote381 views1 answer
Why is this undefined in react
Javascript React