时间戳

首页 > 解决方案 > 操作上下文数据以将输入传递给组件

reactjs - 操作上下文数据以将输入传递给组件

问题描述

我将组件中的上下文数据检索为：

const arrayOfObjects = useContext(context);

如果 arrayOfObjects 是 {a,b} 类型的对象数组，我想将输入传递给一个组件，例如：

<Component options={modifiedArrayOfObjects}/>

这里 modifiedArrayOfObjects 可以是从 arrayOfObjects 修改的 {a,b,c} 类型的对象数组。我怎样才能做到这一点？

标签： reactjs

解决方案

如果c不必在新类型中定义，则无需执行任何操作。但是，如果您需要一个值，c您可以这样做：

const arrayOfObjects = useContext(context);
const modified = arrayOfObjects.map(o => ({ ...o, c: 'some value' }))
// modified should now be an array of objects with a, b, and c.

// ...

<Component options={modified} />

推荐阅读