0

以下代码使 Show 视图显示为空(完全白色),在浏览器的控制台和 webpack 开发服务器控制台中都没有错误:

const actionStyle = {
    zIndex: 2,
    display: 'inline-block',
    float: 'right',
};

class ActionButtons extends React.Component{
  render(){
    const {basePath, data, refresh} = this.props;
    return (
      <CardActions style={actionStyle}>
        <FlatButton secondary label="Process" icon={<ProcessIcon />} />
        <ListButton basePath={basePath} record={data} />
        <FlatButton primary label="Refresh" onClick={refresh} icon={<RefreshIcon />} />
      </CardActions>
    );
  }
}


const ShowContactRequest = (props) => (
    <Show title={<RecordTitle />} actions={<ActionButtons />} {...props}>
      <SomeOtherComponentImportedFromSomeWhere />
    </Show>
);

当组件ActionButtons通过平面函数提供时,显示视图可以正常工作。

我需要将操作组件创建为一个类,以便我可以访问 redux 存储。

任何线索我做错了什么?

谢谢。

4

1 回答 1

0

我发现了问题,我没有正确导出组件。现在修好了,谢谢。

于 2017-07-07T07:57:55.167 回答