Javascript 在reactjs中从JSON获取数组

我有一个问题。有人帮我吗。我是新的反应，所以我无法调试它

问题是

当我打印

此.props.颜色时

即

console.log（this.props.colors）

我得到了低于预期的结果

{"colors": [["Red", true], ["Blue", false], ["Green", true], ["Black", true], ["White", false]]}

但我要在表格下面

0: (2) ["Red", true]
1: (2) ["Blue", false]
2: (2) ["Green", true]
3: (2) ["Black", true]
4: (2) ["White", false]

我怎么能得到这个？有人帮我吗

---

谢谢。

如果数据-

此.props.colors

为：

{
  "colors": [
     ["Red", true], 
     ["Blue", false], 
     ["Green", true], 
     ["Black", true], 
     ["White", false]]
}

---

如果数据-

此.props.colors

为：

{
  "colors": [
     ["Red", true], 
     ["Blue", false], 
     ["Green", true], 
     ["Black", true], 
     ["White", false]]
}

---

尝试

此.props.colors.colors[0]

或

此.props.colors['colors'][0]

也可以将颜色格式化为更舒适的数组

使用

constcolors=Object.values（this.props.colors）

然后它将返回数组

[
 Array(5)
    0: ["Red", true]
    1: ["Blue", false]
    2: ["Green", true]
    3: ["Black", true]
    4: ["White", false]
]

---

您还可以将颜色格式化为更舒适的阵列

使用

constcolors=Object.values（this.props.colors）

然后它将返回数组

[
 Array(5)
    0: ["Red", true]
    1: ["Blue", false]
    2: ["Green", true]
    3: ["Black", true]
    4: ["White", false]
]

---

像这样

这个.props.colors.colors

？是的，没错！！！我也试过了。但它会打印未定义的

。我按如下方式尝试了

console.log（this.props.color.colors）

prints

{“colors”：[[“Red”，true]，“Blue”，false]，“Green”，true]，“Black”，true]，“White”，false]}

但是

console.log（this.props.color.colors？this.props.color.colors:'1111111'）

prints

undefined

我错过了什么吗？@Rich try Object.assign（）。下面是一个工作示例：像这样

this.props.colors.colors

？是的，没错！！！我也试过了！但是它打印了

未定义的
。我试过如下
控制台.log（this.props.color.colors）
打印
{“colors”：[“红色”，真]，”蓝色“，”假“，”绿色“，”真“，”黑“，”真“，”白“，”假]]}
但是
控制台.log（this.props.color.colors？this.props.color.colors:'1111111111'）
打印
未定义的
我错过了什么吗？@Rich try Object.assign（）。下面是一个工作示例：this.props.colors['colors'][0]this.props.colors['colors'][0]