class component swith to functional component code example

Example 1: convert app function to class component react native

const App = () => (
  <div>
  	<p>
  		test
  	</p>
  </div>
);

// to convert the above to a class component: 

class App extends Component {
  render() {
    return (
      <div>
      	<p>
      		test
      	</p>
      </div>
    );
  }
}

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 (
        <p>Hello, my name is {this.state.name}</p>
      );
    }
}

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

Tags: