问答详情
源自:2-1 编写 TodoList 功能

新版的 create-react-app 已经 默认 没有class A extends component了

新版的 create-react-app 已经默认没有class A extends component了

提问者:公路不是鹿 2019-11-12 01:48

个回答

  • 第七根肋骨
    2019-11-13 10:36:26

    一种是解释型的函数来定义,一种使用es6的class来继承。函数型的定义比较简单,语法清晰,但是不能使用state和lifecycle(或者说如果使用的话需要hook)。class继承的方式相对复杂,但可以拥有state和lifecycle

    // 解释型的函数来定义
    import React from 'react';
    function App() {
      return (hello, i am veigar);
    }
    export default App;
    // 使用es6的class来继承
    import React, {Component} from 'react';
    class App extends Component{
      render(){
        return(hello, i am veigar)
      }
    }
    export default App;