-
生命周期：組件初始化 / 組件更新 / 組件卸載
constructor最先,然后componentDidMount.更新時componentDidUpdate.卸載時。。?？次臋n。也就是說constructor是最先完成的。
組件里的點擊事件什么的要想用this，要么用箭頭函數(shù)包一層，要么.bind(this)
數(shù)據(jù)流自上而下：就是子組件的數(shù)據(jù)(如果有數(shù)據(jù)更改的需求的話)要放在父組件中，通過props傳遞。跟vue雙向綁定不同。
狀態(tài)提升：跟4一起的，就是子組件的數(shù)據(jù)放到父組件了，本來是子組件的state變成了父組件的state
ref可以直接訪問dom
不需要使用state和this的組件用函數(shù)=無狀態(tài)組件
有時候傳props太繁瑣，為了某一個字段需要傳遞整個數(shù)據(jù)，優(yōu)化方式：使用Context偽全局方式
查看全部 -
create-react-app
查看全部 -
context的使用
查看全部 -
16.3后提供了context，context可在組件中共享此類值得方法
查看全部 -
生命周期1
查看全部 -
生命周期。
查看全部 -
state
查看全部 -
1、npm install create-react-app -g
2、create-react-app my-project
3、npm start
查看全部 -
context 組件間傳遞數(shù)據(jù)的一種方式
不需要多層逐級傳遞
查看全部 -
react 生命周期圖示.
查看全部 -
React 16.3 Context API
https://reactjs.org/blog/2018/03/29/react-v-16-3.html
https://www.toptal.com/react/react-context-api
https://www.smashingmagazine.com/2020/01/introduction-react-context-api/
React 16.8 Hooks API
https://reactjs.org/docs/hooks-intro.html
查看全部 -
const ThemeContext? = React.createContext();
ThemeContext.Provider
ThemeContext.Consumer
https://reactjs.org/docs/context.html
https://reactjs.org/docs/hooks-reference.html#usecontext
查看全部
舉報