Twitter bootstrap ReactJS分页错误“；无法读取属性'；切片'；“未定义”的定义；

变化：

1-

React引导表

accept

数据属性中对象的数组

，该表应包含在

TableHeaderColumn

的

数据字段

中定义的键u。在您的情况下，

environmentList

应该是这样的：

index.js:56493 Uncaught TypeError: Cannot read property 'slice' of undefined
    at new BootstrapTable (index.js:56493)
    at ReactCompositeComponentWrapper.mountComponent (index.js:14894)
    at ReactCompositeComponentWrapper.wrapper [as mountComponent] (index.js:9084)
    at Object.mountComponent (index.js:13276)
    at ReactDOMComponent.mountChildren (index.js:21846)
    at ReactDOMComponent._createContentMarkup (index.js:19021)
    at ReactDOMComponent.mountComponent (index.js:18909)
    at Object.mountComponent (index.js:13276)
    at ReactCompositeComponentWrapper.mountComponent (index.js:14971)
    at ReactCompositeComponentWrapper.wrapper [as mountComponent] (index.js:9084)

2-由于您的

环境列表

是一个数组，您不能像这样直接在

html

中呈现它：

{environmentList}

，您需要像这样呈现特定属性：

{environmentList[0].name}

3-您的

环境列表

不应是

未定义的

或

空的

，否则表将抛出错误，以确保使用它

环境列表| |[]

[
  {id:1, name: 'A', price: 1},
  {id:2, name: 'B', price: 2}, 
  {id:3, name: 'C', price: 3}
]

#
Environment我的Environment List是我从API调用获取的JSON，所以基本上我将给出的这个数据字段=“将以某种方式映射到数组的列。但是如果JSON只有一列，而我希望其他两列是串行顺序或某个操作，该怎么办？如果json只有一列，则可以使用另一列执行某些操作。你能给我看看你的json吗？？问题得到解决或仍然面临？？？[“nginx_-consul”、“progrium/consul”、“reactjs/servercode”、“redis”、“redisabi”、“redisabi\u-latest”、“restdemo”、“restdemoabi”、“sken/gitbucket”、“spotify/kafka”、“tomcat”]这是我的json。我需要一列表作为序列号，第二列我要迭代这些，第三列我要一个按钮来执行一些操作。
[
  {id:1, name: 'A', price: 1},
  {id:2, name: 'B', price: 2}, 
  {id:3, name: 'C', price: 3}
]

<BootstrapTable data={environmentList || []} striped hover pagination>
    <TableHeaderColumn isKey={true} dataField='id'>#</TableHeaderColumn>
    <TableHeaderColumn dataField='name'>Environment</TableHeaderColumn
    <TableHeaderColumn dataField='price'>Deploy</TableHeaderColumn>
</BootstrapTable>