Render in React Based on a Global State Object
We’ll define a simple state object in the entry point of our application. Once the state has been defined, we’ll pass it into our root component as props and replace the static elements in our rendered output with values from the component’s props. We’ll move from static items to an array, seeing how we can use functions like map to render our UI.
Code needs to be updated: I followed move for move with the exception of using npx create-react-app and it's saying that TypeError: Cannot read property 'props' of undefined
Never mind i got it sorted, just went into the code repo and copied his code
The problem is that npx creates the App.js based on a function instead of a class. So you need to replace the function for a class (and don't forget to import the react library).
Or you can just add props as arg in the function app(props) {...} and change anywhere your using this.props to props.