将动态生成的上下文提供程序的状态分配给父上下文

Question

我有一个personList的包装上下文。

<ContextProvider>
   <PersonList/>
</ContextProvider>

然后我有人员清单。我是从api调用中得到的。

const PersonList = () => {    
   const data = //from api call
   retun(
     data.map(person => (
      <ChildContextProvide>
         <Person key={person.id} name={person.name}/>
      </ChildContextProvide>))
   )
}

这里我有多个子上下文。在每个<Person/>组件中，我通过使用reducer来更改上下文值。 最后，我需要所有子上下文的值并将其分配给父上下文。并显示为一个人员列表。