Im trying to learn react but I cannot get my program to compile. When I run my code, it says it fails to compile and says that state is not defined. I followed what was on the react website for setting the state, but it still says it is not defined. Ive searched all over online and it says this is how state should be set up. Please help!
const App = () => {
state = {name: "Jim"};
return (
<Profile name={this.state.name} />
);
}
You're trying to initialize the state in a Stateless component. You should change it to be a Stateful component. You're also trying to set the state without settings the state with something like componentDidMount() or a constructor() function. You can turn it into a Stateful component and call the constructor function like this:
class App extends React.Component {
constructor() {
super();
this.state = { name: "Jim" };
}
render() {
return (
<Profile name={this.state.name} />
);
}
}
You can read about Stateless and Stateful components here.
You're trying to use state like a class property, but you're inside a function body, not a class. You want const state = {name: "Jim"}; or to make your component a class.
