时间戳

首页 > 解决方案 > 如何将列的内容传递给 react-bootstrap-table2 中的 dummyField

javascript - 如何将列的内容传递给 react-bootstrap-table2 中的 dummyField

问题描述

我正在尝试将列数据字段的值传递给 react-bootstrap-table2 dummyField 中的按钮。而且我不太清楚该怎么做。这是我的列数据字段。

const columns = [
    {
      dataField: "firstName",
      text: "First Name",
    },
    {
      dataField: "middleName",
      text: "Middle Name",
    },
    {
      dataField: "lastName",
      text: "Last Name",
    },
    {
      dataField: "sex",
      text: "Sex",
      sort: true,
    },
    {
      dataField: "rootChapter",
      text: "Root Chapter",
    },
    {
      dataField: "municipalCouncil.name",
      text: "Council",
      sort: true,
    },
    {
      dataField: "batchName",
      text: "Batch Name",
      sort: true,
    },
    {
      dataField: "alias",
      text: "Alias",
    },
    {
      dataField: "actions",
      text: "Actions",
      isDummyField: true,
      formatter: (cell, row) => <MemberButtons member={columns} id={row._id} />, // Overhere is the problem
    },
  ];

我这样做是因为模态。我是 React.js 的初学者，特别是 react-bootstrap-table2。

标签： javascriptreactjsreact-bootstrap-table

解决方案

第一种方法：使用状态将其传递给您的组件

export default class yourClassName extends Component{
constructor(props){
super(props);
this.state = {
columns: [ your array data here ]
}
render(){
<yourTable/>
}
}

第二种方法：您可以使用 State Hook https://reactjs.org/docs/hooks-state.html

两种方法都会产生相同的结果，您可以选择适合您的编码风格的一种。

推荐阅读