- The database updates state. State then updates itself as the database response .
- States data should look like -
- Then each object within the data array gets seperated into six different arrays depending on their phases value. Totalling 6 different arrays. Each array is then passed on through props to 1 specific component. For example the sprint component with have within its props an array, called newData of all the objects with the phases value of 2.
- Within each column component we will iterate through the finalData. For the length of the array there will be one component created per element which will be a EachTask component with the propsObject called finalData. The finalData will display the name of each person and the details of each task.