Lavorare con la Pagina Dashboard
Concentriamoci ora sulla pagina della dashboard e vediamo la teoria in pratica per comprendere meglio il concetto.
Ritorno al progetto
Copia e incolla il codice qui sotto in app/dashboard/page.tsx. Dedica qualche istante a esplorare l'interfaccia utente, ma nota che non sono presenti dati, quindi la pagina live non mostrerà alcuna modifica.
Recupero dei dati per IncomeChart
Per recuperare i dati relativi alle entrate, importa la funzione fetchIncome dal modulo '@/app/lib/data' e chiamala all'interno del componente Page. Successivamente, decommenta il componente IncomeChart e verifica la pagina live.
Successivamente, seguire questi passaggi per visualizzare il grafico delle entrate:
- Accedere al file
app/ui/dashboard/income-chart.tsx. - Decommentare il codice UI già pronto.
Questo produce il seguente grafico delle entrate nella pagina live.
In pratica
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
What does the fetchIncome function do and where is it defined?
How do I uncomment the UI code in the income-chart.tsx file?
What should I do if the income chart does not display any data?
Awesome!
Completion rate improved to 2.08Lavorare con la Pagina Dashboard
Scorri per mostrare il menu
Concentriamoci ora sulla pagina della dashboard e vediamo la teoria in pratica per comprendere meglio il concetto.
Ritorno al progetto
Copia e incolla il codice qui sotto in app/dashboard/page.tsx. Dedica qualche istante a esplorare l'interfaccia utente, ma nota che non sono presenti dati, quindi la pagina live non mostrerà alcuna modifica.
Recupero dei dati per IncomeChart
Per recuperare i dati relativi alle entrate, importa la funzione fetchIncome dal modulo '@/app/lib/data' e chiamala all'interno del componente Page. Successivamente, decommenta il componente IncomeChart e verifica la pagina live.
Successivamente, seguire questi passaggi per visualizzare il grafico delle entrate:
- Accedere al file
app/ui/dashboard/income-chart.tsx. - Decommentare il codice UI già pronto.
Questo produce il seguente grafico delle entrate nella pagina live.
In pratica
Grazie per i tuoi commenti!
