React基础

52 阅读1分钟

暑假在学react,教程是2020年的,一路学了五十多p,发现react18+相较于之前的版本,有了很多变化,新增和废弃

  • 比如函数式组件和类式组件,react18倾向于函数式组件,函数组件+Hooks,实现代码复用,更简洁高效
  • 比如生命周期,废弃了componentWilluodate,componentWillMount,ComponentWillReceiveProps,在新的生命周期中新增了getDerivedStateFromProps, getSnapshotBeforeUpdate
  • 比如脚手架里的配置 之前是
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'

ReactDOM.render(<App />, document.getElementById('root'))

报错:functioin render不存在,这个已经被废弃,最新语法如下:

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />);

react代码笔记,github.com/hvjkkj4/Rea…