以下代码使 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 存储。
任何线索我做错了什么?
谢谢。