Todo App responsive with drag and drop using React.js

Community feedback

• 

  Abraham Esteban Mamani•60

  @abrahamemamaniPosted almost 2 years ago

  Estas usando un mismo state para todo, y cuando filtras se pierden el resto de valores. Podrías tener un objeto como state, con tres propiedades, y que el valor de cada una sea un array: all, completed, active, e ir actualizando la data que corresponda según la acción del usuario. Y vas a necesitar otro state que se actualice cuando se presione en alguno de los filtros. Para renderear por ejemplo: data[currentProp], donde currentProp va a ser el nombre de alguna de las propiedades del objeto. Y un consejo, mantené el mismo idioma en el código, lo ideal sería hacerlo todo en inglés. Espero haberte ayudado!

  Marked as helpful

  1

  ---

  

  JoaquinWald•170

  @JoaquinWaldPosted almost 2 years ago

  @abrahamemamani Muchas gracias por tu respuesta Abraham! Voy a ponerme manos a la obra y modificar las cosas como indicas. Un abrazo.

  0
• 

  Nelson•2,390

  @nelsonleonePosted almost 2 years ago

  HELLO, congrats on completing this challenge 🎉 🎉 Your design is nice .

  You used react so it would be easier with it , You can set a state of your active TODO, and your completed ones, When the user inputs, take those value and put them in the active state, when the cancel them, you set them to the completed state

  You can use an array , to loop and render those value when the buttons are clicked

  And do a conditional rendering is there is any TODO in the active / completed state, then display them.

  Hope this made meaning you.

  Marked as helpful

  1

  ---

  

  JoaquinWald•170

  @JoaquinWaldPosted almost 2 years ago

  @nelsonleone Thank you Nelson for your answer! I'll get hands to work for resolve this like you. A hug!

  0