我的App的{{1}}看起来像
return在 render() {
return (
<div>
<Header />
<div className="App">
<Sidebar />
<Container className="container-comp" />
{this.renderLoggingOutput()}
</div>
</div>
);
}
类下面，我尝试有条件地渲染输出，该输出是字符串数组。
函数如下：
Container renderLoggingOutput = () => {
if (this.props.status_msg === 'Success') {
return (<div className="log-box">
<div id="logging-output" >
<h3 >Show Logging Output</h3>
<div className='log-wrapper'>
{
this.props.logging_output.map((log, idx) => {
return (
<div>
{log}
</div>
)
})
}
</div>
</div>
</div>
)}
}
是我从redux状态获得的道具。
this.props.logging_output const mapStateToProps = state => ({
status_msg: state.apiResponse.status_msg,
logging_output: state.apiResponse.logging_output,
})
const mapActionsToProps = {
updateStatusMessage: updateStatusMessage,
updateServer: updateServer,
updateLoggingOutput: updateLoggingOutput,
}
执行此操作时，出现错误，提示export default connect(mapStateToProps, mapActionsToProps)(App);不是函数。这很奇怪，因为我认为this.props.logging_output可用于数组。
有帮助吗？