what is a react component code example
Example 1: class app extends component syntax
class Welcome extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
Example 2: react component
export default class MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
};
}
render() {
return (
<div></div>
);
}
}
Example 3: what does componentDidCatch do in react
class ErrorBoundary extends React.Component {
constructor(props) {
super(props);
this.state = { hasError: false };
}
static getDerivedStateFromError(error) {
componentDidCatch(error, errorInfo) {
render() {
if (this.state.hasError) {
return this.props.children;
}
}
Example 4: React Components
class Car extends React.Component {
render() {
return <h2>Hi, I am a Car!</h2>;
}
}
Example 5: class component params in react
<input
type= "text"
value={ this.state.value || "" }
placeholder="Enter Name"
/>
Example 6: react component example
const element = <div />;