反应中每个成分的纺锤

问题描述 投票:0回答:2

为整个应用程序实现微调组件的最佳实践和有效方法是什么?

我的示例代码:

render() {
  if (this.state.loading)
    return (
      <Spinner/>
    )

  return (
    <div className="container">
  )
}

我想避免为每个组件重写相同的逻辑检查loading状态。TIA。

javascript reactjs
2个回答
0
投票

简单地应用三元:

render() {
  return this.state.loading ? <Spinner/> : <App />
}

0
投票

添加这种功能怎么样?

function renderSpinner() {
  return this.state.loading && <Spinner />
}
© www.soinside.com 2019 - 2024. All rights reserved.