/assignment-1

Primary LanguageJavaScript

assignment-1

  1. Create two new components: UserInput and UserOutput.
  2. UserInput should hold an input element, UserOutput two paragraphs.
  3. Output multiple UserOutput components in the App component.
  4. Pass username to the UserOutput via props and display it there.
  5. Add State to the App Component and pass userName to the UserOutput component.
  6. Add a method to manupulate the state.
  7. Pass the event-handler method reference to the UserInput component and bind it to the input-change event.
  8. Ensure that the new input entered by the user overwrites the old username passed to the UserOutput.
  9. Add two-way-binding to your input and also display the starting username.
  10. Add styling of your choice to your components/elements in the components - both with inline styles and stylesheets.