当使用 class 定义的组件填充其 prop 操作时，显示视图会无提示地失败

Question

以下代码使 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 时，显示视图可以正常工作。

我需要将动作组件创建为 class 以便我可以访问 redux 存储。

知道我做错了什么吗？

谢谢。

Answer 1

我发现了问题，我没有正确导出组件。已修复，谢谢。

当使用 class 定义的组件填充其 prop 操作时，显示视图会无提示地失败

Show view fails silently when its prop actions is populated with a class defined component

admin-on-rest