react

124 阅读1分钟
ComponentDidMount  ShouldComponentUpdate  ComponentWillUnMount

1. jsx

JSX是JavaScript XML,是React提供的Syntax Sugar, 能让我们可以在JS中写html标记语言。
JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化。
它是类型安全的,在编译过程中就能发现错误。
使用 JSX 编写模板更加简单快速。

2.插槽

插槽类型 jsx语法 函数 数组
匿名插槽 props.children
具名插槽

3.隔代传值

useContext 上下文钩子 用来直接获取父类组件的值 不管中间隔了多少层
1. 通过React.createContext创建一个上下位容器,由这个容器获取Provider,consumer,provider是
提供传递值必须使用provider,被consumer包裹的元素可以接受到provider所传的值
2.provider提供传递之后,不需要为consumer包裹,通过引入useContext()传入上下文容器,来进行隔代传值
3.使用在孙组件中使用contextType接受来实现

4.Hook

Hook 的作用:在函数是组件当中代替state 以及生命周期钩子函数 useEffect,通过数组接受useState内的值,第一个代表state,第二个代表改变state的值,   []表示依赖项  副作用钩子的执行  依赖哪些数据

5.自定义钩子本质上是个函数,通过use

6.createRedux

通过createRedux创建,state action switch监听action.Type,通过dispatch改变来改变state的值
通过引入reate-redux 来连接react与redux
接收一个函数,返回一个对象 获取state
action creater

7.