2.2 Bruk React for å lage en komponent som viser brukerens tidligere svar. Denne komponenten skal tilslutt kunne hente tidligere svar fra databasen og vise dem på nettsiden.

[idasofiegrude]

Dette skal kun være hardkodet. Backend skal utvikles senere.

[idasofiegrude]

Første steg vil være å lage en hamburgermeny komponent - der man kan finne alternativet: tidligere svar

[idasofiegrude]

Det bør kanskje også bare vises delvis på siden - for eksempel siste svar slik som vist i designet

[idasofiegrude]

Steg 1: Definere tilstanden Du vil trenge en tilstand i din React-komponent for å lagre brukerens tidligere svar. Du kan bruke useState for dette. Lag en tilstand for å holde en liste av takknemlighetsnotater.

Steg 2: Lage inndatafelt og knapp for innsending Legg til et tekstfelt hvor brukeren kan skrive inn sine takknemlighetsnotater. Legg til en knapp som lar brukeren legge til notatet i listen når de er ferdige med å skrive.

Steg 3: Håndtere innsending av notat Lag en funksjon som håndterer hva som skjer når brukeren trykker på innsendingsknappen. Denne funksjonen skal legge til notatet brukeren har skrevet inn i listen over tidligere svar.

Steg 4: Vise listen av tidligere svar Vis en liste under inndatafeltet som inneholder alle tidligere innsendte notater. Du kan bruke .map()-funksjonen til å gjøre dette i React.

Steg 5: Gjøre hvert notat klikkbart Hvert notat i listen bør være et klikkbart element. Du kan legge til en onClick-hendelse på hvert element som lar brukeren se hva de skrev.

Steg 6: Lage en detaljvisning Du trenger en måte å vise detaljer av et notat når det er klikket på. Dette kan være en annen tilstand som holder på notatet som er valgt. Når et notat er klikket på, oppdater denne tilstanden med notatets innhold.

Steg 7: Styling med CSS Style inndatafeltet, knappen, og listen med CSS for å passe designet du ønsker.

Steg 8: Lagre og hente data For en mer avansert implementasjon kan du lagre tidligere svar i localStorage eller en database, slik at de persistere mellom økter.

[idasofiegrude]

• eg lage ei fil “løfter staten”- som e ein kompnent så ska snakka me alle “dei andre” - spørsmål, svar og tidligere svar (som ofta barra e kanskje ting som vises på siå) - den ska dirigera og organisera
  • for eksempel så ska den ta imot svaret så sendes inn i svarnboksen
  • den ska senda inn spørsmålet til spørsmålsboksen fra gpt
  • når det trykkes på lagre knappen så ska både få svaret og den ska videresenda svaret til database apiet
  • den ska også senda det inn til tidligeresvar komponenten for å kunne vise det