小编zyl*_*ylo的帖子

扩展语法对于对象数组不能按预期工作

我有一个反应组件,我试图将对象传播到构造函数中的状态。

constructor() {
    super()

    const shapesArray = [1, 2, 3]

    let renderStates = shapesArray.map((el, i) => {
        return {['shape'+i]: 'black'}
    })

    this.state = { ...renderStates }
    console.log(this.state)
}
Run Code Online (Sandbox Code Playgroud)

我想通过执行以下操作来访问颜色this.state.shape0,但是当我控制台 log 时this.state,我得到:

在此输入图像描述

代替Object {shape0: "black", shape1: "black", shape2: "black"}

我在这里做错了什么?

javascript ecmascript-6 reactjs babeljs spread-syntax

1
推荐指数
1
解决办法
4706
查看次数