/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

2 votes108 views2 answers
Text number of lines react native
Javascript React
18 votes103 views6 answers
React native android build
Javascript React
3 votes102 views2 answers
React-native android build apk
Javascript React
3 votes107 views2 answers
Yup checking phone number is valid react
Javascript React
0 vote111 views3 answers
React-native restart app
Javascript React
0 vote114 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
Javascript React
10 votes117 views2 answers
React-native text overflow ellipsis
Javascript React
0 vote99 views1 answer
React native on expo finger print is working bt not in apk
Javascript React
0 vote123 views3 answers
Scrollview refresh react native
Javascript React
1 vote117 views1 answer
React router dom 6 go back
Javascript React