反应访问道具

Question

我导入一个简单的json并将其传递给一个组件，如下所示：

//Json
{
  "sidebar": [
    {
      "isOpen": false
    }
  ]
}

//Passing it to sidebar-component
const {sidebar} = this.props;
 <Sidebar {...sidebar} />

如何从侧边栏组件内部访问＆＃34; isOpen＆＃34; -value？ 提前谢谢。

Answer 1

您不能像对阵列上的对象那样使用扩展运算符。相反，您可以映射侧边栏并为每个对象使用扩展运算符。

const data = {
  sidebar : [
    {
      "isOpen": false
    }
  ]
}


data.sidebar.map( s => <Sidebar {...s} /> )

以下是使用数组时会出现的错误：

  

警告：标记上的未知道具0，1。从中删除这些道具   元素。