-
生命周期：组件初始化 / 组件更新 / 组件卸载
constructor最先,然后componentDidMount.更新时componentDidUpdate.卸载时。。。看文档。也就是说constructor是最先完成的。
组件里的点击事件什么的要想用this，要么用箭头函数包一层，要么.bind(this)
数据流自上而下：就是子组件的数据(如果有数据更改的需求的话)要放在父组件中，通过props传递。跟vue双向绑定不同。
状态提升：跟4一起的，就是子组件的数据放到父组件了，本来是子组件的state变成了父组件的state
ref可以直接访问dom
不需要使用state和this的组件用函数=无状态组件
有时候传props太繁琐，为了某一个字段需要传递整个数据，优化方式：使用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 组件间传递数据的一种方式
不需要多层逐级传递
查看全部 -
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
查看全部
举报