为整个应用程序实现微调组件的最佳实践和有效方法是什么?
我的示例代码:
render() {
if (this.state.loading)
return (
<Spinner/>
)
return (
<div className="container">
)
}
我想避免为每个组件重写相同的逻辑检查loading状态。TIA。
简单地应用三元:
render() {
return this.state.loading ? <Spinner/> : <App />
}
添加这种功能怎么样?
function renderSpinner() {
return this.state.loading && <Spinner />
}