我有一个使用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) 我正在尝试使用这个包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 的错误。
有谁知道如何像演示示例一样设置这个组件?