Reactjs 未在React中显示循环组件

我试图动态地生成s，这样无论我提供什么以及多少列，它都会呈现它们。该组件加载了搜索框和不带表头的表体。我做错了什么

代码如下：

// Imports
import React, { Component } from "react";
import { BootstrapTable, TableHeaderColumn } from "react-bootstrap-table";
import "../../../node_modules/react-bootstrap-table/css/react-bootstrap-table.css";

// Exports
export default class Table extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    let headings;
    if (this.props.columns) {
      headings = this.props.columns.map((heading, index) => {
        let key = Object.keys(heading)[0];
        if (index === 0) {
          return <TableHeaderColumn key={heading[key]} dataField={heading[key]} isKey />
        }
        return <TableHeaderColumn key={heading[key]} dataField={heading[key]} />
      });
    }

    return (
      <BootstrapTable
        data={this.props.agentsList}
        search={this.props.options.search}
        pagination={this.props.options.pagination}
      >
        {headings}
      </BootstrapTable>
    );
  }
}

---

我想这是因为React中的渲染和重新渲染。我应该调用forceUpdate还是通过任何其他方式触发组件的重新渲染

您似乎缺少列标题。看

相反，尝试使用

return <TableHeaderColumn key={heading[key]} dataField={heading[key]} isKey>{heading[key]}</TableHeaderColumn>

---

您会在map函数返回的标题上添加调试器吗？空数组将truthy值返回为well@Xlee如果我是console.log标题，这就是我得到的谢谢！！他对我如此无知

return <TableHeaderColumn key={heading[key]} dataField={heading[key]} isKey>{heading[key]}</TableHeaderColumn>