From the course: React for Web Designers

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Completing the status updater

Completing the status updater - React.js Tutorial

From the course: React for Web Designers

Completing the status updater

- [Instructor] In this video we are going to finish this project. Updating the post form component so it can trigger a direct update to the list of messages. Basically we need to create a function that can add a message to the list over here and use that function in the post form component. Over here in the code, we'll start where the state data now live, in the status message manager. Scroll down to the component. Here we are, and now below our retrieve status messages function we'll define a new function called add status message. And the expectation is that we will have a status message to add. So what we need to do here is eventually call set statuses with some updated data, some updated statuses we'll say. Now we don't want to change the statuses state directly. What we'll do is follow the pattern that we follow in react of creating a new variable, which we'll call updated statuses. Which will start out as statuses as they are. It'll make a copy of those statuses using slice with…

Contents