我正在實現(xiàn)一個顯示任務(wù)和項目的反應(yīng)應(yīng)用程序，但我不知道如何管理狀態(tài)import React from 'react';import './App.css';import Header from './Components/Header.js'import Projects from './Components/ProjectsList'import Task from './Components/Task'import Grid from '@material-ui/core/Grid';import Typography from '@material-ui/core/Typography';import Hours from './Components/Hours'var projects = [  {    "id": 1,    "name": "Fifa19",    'tasks': [      { id: "1", name: 'dise?ar', "progress": 10 },      { id: "2", name: 'trabajar', "progress": 20 },      { id: "3", name: 'construir', "progress": 30 },      { id: "4", name: 'pensar', "progress": 40 },      { id: "5", name: 'rehacer', "progress": 50 },    ]  },  {    "id": 2,    "name": "StarWars",    'tasks': [      { id: "5", name: 'dise?ar', "progress": 10 },      { id: "6", name: 'trabajar', "progress": 20 },      { id: "7", name: 'construir', "progress": 30 },      { id: "8", name: 'pensar', "progress": 40 },      { id: "9", name: 'rehacer', "progress": 50 },    ]  },  {    "id": 3,    "name": "Pocoyo",    'tasks': [      { id: "10", name: 'dise?ar', "progress": 10 },      { id: "11", name: 'trabajar', "progress": 20 },      { id: "12", name: 'construir', "progress": 30 },      { id: "13", name: 'pensar', "progress": 40 },      { id: "14", name: 'rehacer', "progress": 50 },    ]  },  {    "id": 4,    "name": "Doraemon",    'tasks': [      { id: "15", name: 'dise?ar', "progress": 10 },      { id: "16", name: 'trabajar', "progress": 20 },      { id: "17", name: 'construir', "progress": 30 },      { id: "18", name: 'pensar', "progress": 40 },      { id: "19", name: 'rehacer', "progress": 50 },    ]我正在實施一個反應(yīng)應(yīng)用程序，它顯示了任務(wù)和項目。一個項目可以有很多任務(wù)。我的主要視圖是所有可用的項目，當(dāng)單擊其中一個時，您應(yīng)該看到它們對應(yīng)的任務(wù)。我的問題是：有了好的做法，我應(yīng)該如何處理應(yīng)用程序的狀態(tài)？是否應(yīng)該顯示任務(wù)？我現(xiàn)在的申請是這樣的：我有一個帶有項目組件和其他任務(wù)的應(yīng)用程序組件。每一個都分別有幾個項目和任務(wù)組件。