ReactJS在子组件中设置状态

时间:2019-12-30 20:24:53

标签: reactjs

我在对象数组中的组件中具有状态。

例如:

state = {
    arr: [{
            a: val1,
            b: val2,
            c: val3
        },

        {
            a: val4,
            b: val5,
            c: val6
        },

        {
            a: val7,
            b: val8,
            c: val9
        },
    ]
}

子组件将这些对象之一作为render()中的道具:

{this.state.arr.map(obj  => (
    <child obj={obj}/>
))}

然后在子组件中有一个ui条目,旨在更改给定obj中的值。

我当前的代码在onChange方法中具有“ this.props.obj.b = e.target.value”,该方法可以工作,但是鉴于我对React的了解(这是有限的)必须是错误的。

是否有更好的解决方案,还是可以通过这种方式设置状态?

0 个答案:

没有答案