React componet应该写成纯函数

Question

这是我的ReactJs组件代码:

import React from 'react';

     class App extends React.Component {

        render() {
            return (
                <div className="wrapper">
                    <h1>Welcome to App!!!!</h1>
                </div>
                );
        }
     }

    export default App;

Linting向我显示以下错误:

 error  Component should be written as a pure function  react/prefer-stateless-function

如何将其写为纯函数以避免此错误？

Answer 1

像这样:

import React from 'react';

const App = () => {
   return (
     <div className="wrapper">
          <h1>Welcome to App!!!!</h1>
     </div>
   );
}

export default App;

不需要保持状态的组件称为"无状态",通常被认为是最佳实践,除非您需要保持状态.