DEV Community
·
不再滥用条件渲染
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
作者在回顾第一个ReactJS项目时，发现`isLoading`为真时同时显示`NoDataScreen`和`Skeleton`的问题。通过调整条件渲染解决，并将组件拆分为更小部分，使用早期返回简化代码，提高了可读性。这种方法适用于小型和大型项目。
🎯
关键要点
- 作者回顾第一个ReactJS项目，发现`isLoading`为真时同时显示`NoDataScreen`和`Skeleton`的问题。
- 通过调整条件渲染解决了问题，并将组件拆分为更小部分。
- 使用早期返回简化代码，提高了可读性。
- 这种方法适用于小型和大型项目。
- 组件组合和早期返回是解决复杂条件渲染的有效方法。
- 重构后，组件的可读性得到了显著提升。
➡️
