一、
1.文件名可以是jsx或者js,不影响文件中的代码
2.组件名称必须大写
3.JS中出现()代表其中想要写html
4.HTML中出现{}代表其中相要写js
5.其实export default也可以写到class前面
6.JSX的语法可以在vscode中配置中
二、
1.单写样式为双花括号,变量为单括号
2.Adjacent Jsx elements must be wrapped in an enclosing tag.Did you want a JSX fragment <>…</>?
需要跟标签包裹,类似vue的根div,没有会报错
3.
4.更新视图方法this.setState,类似小程序this.setData
5.this.setState的三种写法
三、Hooks
1.usestate更新视图
2.react生命周期钩子
3.useEffect钩子函数
4.beforeDestroy
四.组件通信
1.props父传子
2.子传父,可以直接把方法传给子组件
3.非父子组件createContext,配合usecontext一起使用
4.受控组件与不受控组件
5.memo父组件更新不影响子组件,把它包起来,这样只适合静态写法,可以结合传方法过去和useCallback一起使用,动态传方法,父组件更新不更新子组件,节约性能。
useMemo用法
五、React Redux
1.创建简单的Redux
2.实现累加
六、路由
注意指定版本,版本不对,十有八九百度到错的,比如获取地址栏参数,没有讲路由版本。
安装链接:reactrouter.com/docs/en/v6/getting-started/installation
1.