Sistemas y Tecnologías Web: Servidor

Master de II. ULL. 1er cuatrimestre. 2020/2021


Organization ULL-MII-SYTWS-2021   Classroom ULL-MII-SYTWS-2021   Campus Virtual SYTWS   Chat Chat   Profesor Casiano

Table of Contents

Descripción de la práctica p14-t3-react-components

  1. Use create-react-appto create the initial structure of your app.
  2. Create TWO new components: UserInput and UserOutput
  3. UserInput should hold an input element, UserOutput two paragraphs
  4. Output multiple UserOutput components in the App component (any paragraph texts of your choice)
  5. Pass a username (of your choice) to UserOutput via props and display it there
  6. Add state to the App component (=> the username) and pass the username to the UserOutput component
  7. Add a method to manipulate the state (=> an event-handler method)
  8. Pass the event-handler method reference to the UserInput component and bind it to the input-change event
  9. Ensure that the new input entered by the user overwrites the old username passed to UserOutput
  10. Add two-way-binding to your input (in UserInput) to also display the starting username
  11. Add styling of your choice to your components/ elements in the components - both with inline styles and stylesheets

Here is a solution to the problem:

Comment with GitHub Utterances

Comment with Disqus

thread de discusion