当使用 class 定义的组件填充其 prop 操作时,显示视图会无提示地失败
Show view fails silently when its prop actions is populated with a class defined component
以下代码使 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 存储。
知道我做错了什么吗?
谢谢。
我发现了问题,我没有正确导出组件。已修复,谢谢。
以下代码使 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 存储。
知道我做错了什么吗?
谢谢。
我发现了问题,我没有正确导出组件。已修复,谢谢。