Nybörjare programmering/Ny till react.js

Permalänk

Nybörjare programmering/Ny till react.js

Hej

jag är lite nyfiken hur react fungerar. jag har byggt en "budget app" och en budget app består ju utav en budget. Problemet är att jag inte vet hur jag gör med fetches samt att jag vill få datan till en accordion i min frontend.

här är mitt försök till en fetch
useEffect(() => {

fetch('https://localhost:44302/api/Budget/', {
method: "GET",
headers: {
'Content-Type': 'application/json',

},

})
.then((data) => data.json())
.then((data) => {
setBudgetData(data)
})
.catch((err) => {
console.error(err);
});

}, []);

Och detta är min accordion:

function BudgetPage() {
return (
<div>
<Accordion className="Accordion.layout.toppart">

</Accordion>

<Accordion className="Accordion.layout.lowerpart">

</Accordion>

så nu är min fråga hur för jag in min budget i Accordionen samt om fetch är utav använding.

Permalänk
Inaktiv

Vet inte exakt vad det är du vill göra, men om du vill ha data i en annan komponent så kan du skicka ned den som props.
Vad gäller fetch så är väl async/await att föredra nu för tiden.

Det brukar rekommenderas att man lär sig grunderna i JavaScript innan man ger sig in i bibliotek/ramverk.

Permalänk
Medlem

Lär dig JavaScript grundligt innan du börjar med React. Det sparar dig mycket huvudvärk.
setBudgetData(data) är detta en hook du inte har med i koden?

Du får göra en conditional rendering medan datan hämtas, t.ex. en spinner eller skriva "Loading...".
Sedan skickar du in din data som props till Accordion eller renderar med en map, beroende på hur du skapat din Accordion.
Kika igenom en grundläggande React tutorial som bygger en Todo app eller liknande, du behöver förstå alla koncepten med children och props.