在 react-table 中显示布尔值和时间戳值:React Table+ React+Typescript

v21*_*103 7 typescript reactjs react-table

我正在尝试打印某些 API 返回的布尔值和时间戳值。我无法做同样的事情。帮助将不胜感激

列配置对象:

    <ReactTable
                data={this.state.data}
                columns={[
                            { 
                              Header: 'Name',   
                              accessor: 'name'
                            },
                            { 
                              Header: 'Age>18',   
                              accessor: d => d.isAgeAbove18.toString(); // this does not work
                            },
                            { 
                              Header: 'TimeStamp',   
                              accessor: d => d.timeVal.toString(); // this does not work
                            },
                     ]}

    />
Run Code Online (Sandbox Code Playgroud)

小智 8

查看 React 表文档,它说只要访问器类型不是字符串,就需要提供 id 属性。所以,我更新的格式应该是这个。

columns={[
          { 
           Header: 'Name',   
           accessor: 'name'
          },
          { 
           id:'age'                  // add this
           Header: 'Age>18',   
           accessor: d => d.isAgeAbove18.toString();
          },
          { 
           id: 'timestamp'           // add this
           Header: 'TimeStamp',   
           accessor: d => d.timeVal.toString();
          },
         ]}
Run Code Online (Sandbox Code Playgroud)