javascript - React-Table 动态表头怎么做?
问题描述
我想给列中的标题一个日期,但是当我尝试减去一天时出现错误。如果您能提供帮助,我将不胜感激。
codes :
render(){
const t = new Date();
const t1 = new Date();
t1.setDate(t1.getDate() - 1);
columns = [{
{Header:t},
{Header:t1}
}]
return{
<ReactTable
Columns={columns}
/>
}
}
我希望 t1 下降 1 天没问题 t 的标题显示今天的日期,但我没有显示 t1 标题我想要一天的不足并给出以下错误。
{
Objects are not valid as a React child (found: Tue Apr 09 2019 12:19:07 GMT+0300 (GMT+03:00)). If you meant to render a collection of children, use an array instead.
in div (created by ReactTable)
in div (created by ThComponent)
in ThComponent (created by ReactTable)
in div (created by TrComponent)
in TrComponent (created by ReactTable)
in div (created by Thead)
in Thead (created by ReactTable)
in div (created by TableComponent)
in TableComponent (created by ReactTable)
in div (created by ReactTable)
in ReactTable (at drivingHours.jsx:229)
in div (created by Col)
in Col (created by Context.Consumer)
in ForwardRef(Bootstrap(Col)) (at drivingHours.jsx:228)
in div (created by Row)
in Row (created by Context.Consumer)
in ForwardRef(Bootstrap(Row)) (at drivingHours.jsx:227)
in div (created by Col)
in Col (created by Context.Consumer)
in ForwardRef(Bootstrap(Col)) (at drivingHours.jsx:226)
in DrivingHours (created by Connect(DrivingHours))
in Connect(DrivingHours) (at driverReports.jsx:42)
in div (created by TabPane)
in Transition (created by Fade)
in Fade (created by TabPane)
in TabPane (created by Context.Consumer)
in ForwardRef(Bootstrap(TabPane)) (created by Context.Consumer)
in ForwardRef(ContextTransform) (created by Tabs)
in div (created by TabContent)
in TabContent (created by Context.Consumer)
in ForwardRef(Bootstrap(TabContent)) (created by Tabs)
in TabContainer (created by Tabs)
in Tabs (created by Uncontrolled(Tabs))
in Uncontrolled(Tabs) (at src/index.js:127)
in ForwardRef (at driverReports.jsx:27)
in section (at driverReports.jsx:26)
in ControlledTabs (created by Connect(ControlledTabs))
in Connect(ControlledTabs) (created by Route)
in Route (at app/index.js:48)
in Switch (at app/index.js:41)
in main (at app/index.js:40)
in div (created by Row)
in Row (created by Context.Consumer)
in ForwardRef(Bootstrap(Row)) (at app/index.js:28)
in div (created by Container)
in Container (created by Context.Consumer)
in ForwardRef(Bootstrap(Container)) (at app/index.js:27)
in App (created by Connect(App))
in Connect(App) (created by Route)
in Route (created by withRouter(Connect(App)))
in withRouter(Connect(App)) (at src/index.js:14)
in div (at src/index.js:13)
in Router (created by ConnectedRouter)
in ConnectedRouter (created by Connect(ConnectedRouter))
in Connect(ConnectedRouter) (at src/index.js:12)
in Provider (at src/index.js:11)}
```
解决方案
我解决了这个问题:
代码:
render(){
const t = new Date();
const t1 = new Date();
t1.setDate(t1.getDate() - 1);
columns = [{
{Header:t},
{Header:t1.toISOString().split('T')[0]} /// format fixed, solved problem.
}]
return{
<ReactTable
Columns={columns}
/>
}
}
推荐阅读
- ruby-on-rails - Rails 相当于 django shell
- postgresql - 无法保存 Grafana 数据源 - 非空 Postgres 错误
- reactjs - ReactJS - 大型视频文件使计算机在 npm 启动后冻结
- regex - PowerShell - 在替换期间在字符串中插入换行符
- iis - ECP 和 OWA 不工作 - “用户名/密码不正确”
- mysql - 如何按组从mysql中获取下一行/上一行
- html -
html标签的空href是什么意思? - jmeter - 如何解决错误:java.net.ConnectException:连接超时:在 jmeter 中连接
- keras - keras 模型:输入和输出配置
- javascript - 剑道 mvc 命令自定义不起作用