如何在安装之前渲染无状态组件？

Question

目前我在点击按钮时生成Table组件，但我希望在加载页面时生成正确的表格。这是我单击以生成表的父组件。

render() {
return (
    <div>
        <button onClick={this.sellItem}>
           Sell Item
        </button>
        <Tables sellers={this.state.sellers} />
    </div>
    )
}

这是我点击按钮时生成的表格（无状态组件）。

export default ({ sellers, header }) => {
return (
<div>
  <Table>
    <TableHeader>
      <TableRow>
        {
          header.map((headerName, index) => {
            return (
              <TableHeaderColumn key={`thc-${index}`}>
                {headerName.name}
              </TableHeaderColumn>
            )
          })
        }
        <TableHeaderColumn />
      </TableRow>
    </TableHeader>
    <TableBody>
      {sellers.map((currentValue, index) =>
        <TableRowColumn>{currentValue}</TableRowColumn>
      )}
    </TableBody>
  </Table>
</div>
  )
}

如何在加载父组件时生成此表？我无法在componentWillMount中呈现内容，所以我该怎么办？