                        课程
                    
                        /前端开发
                        
                            /React.JS
                        
                        /React16.4 快速上手

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

公路不是鹿

2019-11-12

源自：React16.4 快速上手 2-1

关注问题我要回答

1522

操作

收起

1 回答

第七根肋骨
2019-11-13

一种是解释型的函数来定义，一种使用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;