关于呈现错误,加载或空状态的最佳实践是什么?

让容器控制渲染还是让容器控制本质上更好呢?

例如

render() {
    const {
       loading,
       error,
       items
    } = this.state;

    return (
       <div>
          {
             loading &&
             <Loading />
          }
          {
             error &&
             <Error />
          }
          etc...


要么

const ItemList = ({ items, loading, error }) => {
    if (loading) {
       return <Loading />
    }
    etc...


欢迎/赞赏所有意见。
谢谢!

最佳答案

根据文档,两者都很好,并且是“官方上正确的”。 conditional rendering

但是,在您的示例中,我个人认为您的第二个示例更具可读性。首先,您要处理特殊情况(错误和负载),然后是“快乐之路”。快速且易于阅读!

10-05 21:04
查看更多