rules for functional components in react code example

Example 1: functional components react

function Comment(props) {
  return (
    
      
        
        
          {props.author.name}
        
      
      
        {props.text}
      
      
        {formatDate(props.date)}
      
    
  );
}

Example 2: class to functional component react

// convert a class component to a functional component
class MyComponent extends React.Component {
	state: { 
      name: 'Bob' 
    }
	render() {
      return (
        Hello, my name is {this.state.name}
      );
    }
}

const MyComponent = () => {
  const [name, setName] = React.useState('Bob');
  return (Hello, my name is {name});
}

Tags:

Misc Example

Related