关于呈现错误,加载或空状态的最佳实践是什么?
让容器控制渲染还是让容器控制本质上更好呢?
例如
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。
但是,在您的示例中,我个人认为您的第二个示例更具可读性。首先,您要处理特殊情况(错误和负载),然后是“快乐之路”。快速且易于阅读!