编写简洁React组件的小技巧

在这篇文章中，我们会回顾一些简单的技巧，它们将帮助我们编写更简洁的 React 组件，并且更好地扩展我们的项目。避免使用扩展操作符传递 props首先，让我们从一个应该避免的反模式开始。通过这种方式传递 props 确实可以更快的编写组件。会使我们对编写的组件失去信心，会使得我们重构组件变得更加困难，而且可能会导致出现很难排查的 bug。将函数参数封装成一个对象如果函数接收多个参数，最好将它们封装成一个对象。从 React 角度出发，关注点的分离意味着分离组件中负责获取和改变数据的部分和纯粹负责显示元素的部分。这种分离关注点的方法是引入 hooks 的主要原因。