React笔记

一、
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.