Javascript 为表编写故事

我正在为React Table写一篇文章，我发现以下错误：

React工具箱文档未更新。我想。因为我在中找不到

模型

和

源

属性

这是我的组件源代码

import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
import {Table as RTTable} from 'react-toolbox/lib/table'

const Table = ({
  ...props
})=>
  <RTTable {...props}></RTTable>

Table.propTypes = {
    source: PropTypes.array,
    model: PropTypes.object,
}

export default styled(Table)`
  border: 1px solid;
`

从“React”导入React
从“道具类型”导入道具类型
从“样式化组件”导入样式化
从'react toolbox/lib/Table'导入{Table as RTTable}
常数表=({
…道具
})=>
表1.2.2类型={
来源：PropTypes.array，
模型：PropTypes.object，
}
导出默认样式（表）`
边框：1px实心；
`

我的故事来源：

import React from 'react'
import {storiesOf} from '@storybook/react'
import Table from 'Table'

const UserModel = {
      name: {
        type: String,
    },
    twitter: {
        type: String,
    },
    birthdate: {
        type: Date,
        title: 'Date of Birth',
    },
    cats: {
        type: Number,
    },
    dogs: {
        type: Number,
    },
    active: {
        type: Boolean,
    },
}

const users = [
    {
        name: 'Javi Jimenez',
        twitter: '@soyjavi',
        birthdate: new Date(1980, 3, 11),
        cats: 1,
    }, {
        name: 'Javi Velasco',
        twitter: '@javivelasco',
        birthdate: new Date(1987, 1, 1),
        dogs: 1,
        active: true,
    },
]

storiesOf('Table', module).add('with source', ()=> <Table model={UserModel} source={users} />)

从“React”导入React
从'@storybook/react'导入{storiesOf}
从“表”导入表
常量用户模型={
姓名：{
类型：字符串，
},
推特：{
类型：字符串，
},
出生日期：{
类型：日期，
标题：“出生日期”，
},
猫：{
类型：数字，
},
狗：{
类型：数字，
},
活动：{
类型：布尔型，
},
}
常量用户=[
{
姓名：“Javi Jimenez”，
推特：“@soyjavi”，
出生日期：新的日期（1980年3月11日），
猫：1，
}, {
名称：“Javi Velasco”，
推特：“@javivelasco”，
出生日期：新的日期（1987年1月1日），
狗：1，
主动：对，
},
]
storiesOf（'Table'，module）.add（'with source'，（）=>）

---

有人能帮我吗？非常感谢。

我已经更新了组件的代码：

import React from 'react'
import PropTypes from 'prop-types'
import {Table as RTTable, TableHead, TableCell} from 'react-toolbox/lib/table'

const Table = props=> {
const headerKeys = Object.keys(props.model)
return (
<RTTable>
  <TableHead>
    {
      headerKeys.map((headerKey, index)=> <TableCell key={index}>{headerKey}</TableCell>)
    }
  </TableHead>
</RTTable>
)
}
Table.propTypes = {
    model: PropTypes.object,
}

export default Table

从“React”导入React
从“道具类型”导入道具类型
从'react toolbox/lib/Table'导入{Table as RTTable，TableHead，TableCell}
const Table=props=>{
const headerKeys=Object.keys（props.model）
返回(
{
map（（headerKey，index）=>{headerKey}）
}
)
}
表1.2.2类型={
模型：PropTypes.object，
}
导出默认表

对于故事书：

import React from 'react'
import {storiesOf} from '@storybook/react'
import Table from 'Table'
const UserModel = {
    name: {
        type: String,
    },
    age: {
        type: Number,
    },
}

storiesOf('Table', module).add('Init table', ()=> <Table model={UserModel}/>)

从“React”导入React
从'@storybook/react'导入{storiesOf}
从“表”导入表
常量用户模型={
姓名：{
类型：字符串，
},
年龄：{
类型：数字，
},
}
storiesOf（'Table'，module）.add（'Init Table'，（）=>）

然后它就起作用了