为什么要在 React（Native）中“扩展”组件？

Question

我对这个 React 生态系统相当陌生，但到目前为止，我很清楚什么是组件以及如何使用以下方法创建组件：

export default class NotificationsScreen extends Component {
    render() {
        return(<View></View>);
    }
}

不过我见过一些只使用的例子

const MySmallComponent = (props) => <View></View>

而且该应用程序似乎也运行得很好..

延伸有什么好处Component？

Answer 1

由于 React 与函数式编程密切相关，因此在 React 中编写纯函数始终是一个好习惯。如果您的组件不需要管理状态或涉及生命周期方法，则使用无状态组件：

1. 这样感觉更自然
2. 更容易编写，更容易阅读
3. 不extends，状态和生命周期方法意味着更快的代码

您甚至可以在本文中找到更多原因。所以，我想说的是，如果不需要管理其状态，请始终使用无状态组件。