function components code example
Example 1: create react component class
class MyComponent extends React.Component{
constructor(props){
super(props);
};
render(){
return(
My First React Component!
);
}
};
Example 2: functional component react
function Welcome(props) {
return Hello, {props.name}
;
}
function App() {
return (
);
}
ReactDOM.render(
,
document.getElementById('root')
);
Example 3: react functional components
const component = () => {
console.log("This is a functional Component");
}
Example 4: functional components
function Welcome(props) { return Hello, {props.name}
;
}
const element = ;ReactDOM.render(
element,
document.getElementById('root')
);
Example 5: 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}
);
}