reactjs - 为什么要在 React (Native) 中使用 `extend` 组件?

标签 reactjs react-native

我在这个 React 生态系统中很新,但到目前为止,关于组件是什么以及如何使用以下方法创建组件非常清楚:

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

但是我看到了一些只是使用的例子
const MySmallComponent = (props) => <View></View>

该应用程序似乎也能正常工作..

扩展Component有什么好处?

最佳答案

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

  • 这样感觉更自然
  • 易写,易读
  • extends 、状态和生命周期方法意味着更快的代码

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

    关于reactjs - 为什么要在 React (Native) 中使用 `extend` 组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46484281/

    相关文章:

    react-native - React原生边距: 'auto' working on web but not on device

    css - 在多列的material-ui表格上添加水平滚动的方法是什么?

    javascript - 如何在react中更改material-ui Textfield标签样式

    javascript - 单击一次按钮后如何获取 axios.post 信息

    react-native - 错误 : ENOENT: no such file or directory react-native-camera

    android - react-native-device-info get getUniqueID() 不适用于 android 中的 react native 和 expo

    javascript - 找不到模块 : Can't resolve 'styled-component'

    javascript - 将获取的数据推送到对象数组

    android - 找不到变量 : _d when running react native app for the first time

    android - 如何在 React Native 的 Listview 中单行渲染一个部分的项目?