Question: I am trying to create this using React JavaScript. I just finished downloading the all the necessary components. Please provide the solutions (code) to this

I am trying to create this using React JavaScript. I just finished downloading the all the necessary components. Please provide the solutions (code) to this and attach screenshots to aid in understanding.
I will give a thumbs up if successful
 I am trying to create this using React JavaScript. I just

Create TWO new components: Userinput and UserOutput UserInput should hold an input element, UserOutput two paragraphs Output multiple UserOutput components in the App component (any paragraph texts of your choice) Pass a username (of your choice) to UserOutput via props and display it there Add state to the App component (=> the username) and pass the username to the UserOutput component Add a method to manipulate the state (=> an event-handler method) Pass the event-handler method reference to the Userinput component and bind it to the input change event Ensure that the new input entered by the user overwrites the old usemame passed to UserOutput Add two-way-binding to your input (in Userinput) to also display the starting username Add styling of your choice to your components/ elements in the components - both with inline styles and stylesheets

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!