/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

4 votes207 views1 answer
Text input placeholder color react native
Javascript React
0 vote223 views1 answer
React roter dom npm
Javascript React
0 vote219 views1 answer
OnChange react functional programming
Javascript React
0 vote209 views2 answers
Get data from url using react
Javascript React
1 vote189 views1 answer
Detect touch react
Javascript React
15 votes197 views8 answers
React bootstrap
Javascript React
4 votes225 views2 answers
Concurrently node react
Javascript React
0 vote206 views1 answer
How to detect an element is been hovered in react
Javascript React
1 vote218 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
16 votes140 views1 answer
How to insern an image in react
Javascript React