小编use*_*010的帖子

将多个数据添加到反应表中的列

我有一个使用react-table的表,但是对于其中一列,我想显示两个数据-名称和描述。

getInitialState(){
    return {
      data: [{
        id: 1,
        keyword: 'Example Keyword',
        product: [
          name: 'Red Shoe',
          description: 'This is a red shoe.'
        ]
      },{
        id: 2,
        keyword: 'Second Example Keyword',
        product: [
          name: 'blue shirt',
          description: 'This is a blue shirt.'
        ]
      }]
    }
},
render(){
  const { data } = this.state;

  return (
    <div className="app-body">
      <ReactTable
        data={data}
        columns={[{
          columns: [{
              Header: 'Id',
              accessor: id,
              show: false
            }, {
              Header: 'Keyword',
              accessor: 'keyword'
            }, {
              Header: 'Product',
              accessor: 'product'  // …
Run Code Online (Sandbox Code Playgroud)

reactjs react-table

3
推荐指数
2
解决办法
1万
查看次数

React-ultimate-pagination 组件设置

我正在尝试使用这个包react-ultimate-pagination:https://github.com/ultimate-pagination/react-ultimate-pagination

我想像他们的基本演示示例一样设置它:https ://codepen.io/dmytroyarmak/pen/GZwKZJ

github 页面底部的使用说明说要像这样导入组件:

import ReactUltimatePagination from 'react-ultimate-pagination';
Run Code Online (Sandbox Code Playgroud)

但 codepen 演示只显示了一个常量:

const UltimatePagination = reactUltimatePaginationBasic.default;
Run Code Online (Sandbox Code Playgroud)

我从演示中复制了代码,但由于它与导入不匹配,因此出现 UltimatePagination is undefined 和reactUltimatePaginationBasic undefined 的错误。

有谁知道如何像演示示例一样设置这个组件?

javascript pagination reactjs

1
推荐指数
1
解决办法
1775
查看次数

标签 统计

reactjs ×2

javascript ×1

pagination ×1

react-table ×1