主要的应用程序组件是纯的还是无状态的

Question

在reation-native中，我们是否应该使用 pure Component 或无状态函数用于主组件？

这是两种方法：

import React from 'react';
import { Provider } from 'react-redux';
import store from './reducers/AppReducers';
import AppRoutes from './routes/AppRoutes';
// Pure Component
class App extends React.PureComponent {
    render() {
        return (
            <Provider store={store}>
                <AppRoutes />
            </Provider>
        );
    }
}
// Stateless Function
const App = () => {
    return (
        <Provider store={store}>
            <AppRoutes />
        </Provider>
    );
};

Answer 1

如果您的组件很简单，请使用stateless。对于简单组件，不需要使用Pure Components

说，如果您有一个显示文本的组件，并且使其成为纯粹的组件，则每次重新渲染时，它都会首先进行浅层比较。在这种情况下

，如果您检查浅层比较或重新租户

提示：如果您有一个非常基本的组件，仅显示一些基本内容，请使用stateless。

https://medium.com/groww-engineering/stateless-component-vs-pure-component-d2af88a1200b在这里详细解释。

在您的情况下，我会建议Pure Component，因为它包含您的整个应用