React
2024-05-28 20:32:42 51 举报AI智能生成
登录查看完整内容
为你推荐
查看更多
React相关知识点React相关知识点React相关知识点React相关知识点React相关知识点React相关知识点
作者其他创作
大纲/内容
子主题
object PropTypes：验证输入
function getDefaultProps：初始化组件属性
getInitialState
function render：创建模版
document ref：绑定的dom对象
function componentWillMount()：开始插入真实DOM
function componentDidMount()：插入真实DOM完成
function componentWillUnmount()：已移出真实 DOM
function componentWillReceiveProps(object nextProps)：已加载组件收到新的参数时调用
function getInitialState(): object：设置初始state
记
function createClass({})：创建组件，并返回该组件对象
API
ref：节点实例
creatClass
extend React.Compoent
已经定义好了shouldUpdateComponent数据变化检测
extend React.PureCompoent
组件创建
組件
Children：子节点（undefined、object、Array）
children：组件所包涵的子节点，使用React.Children.map遍历
props：用于父组件传递值，值是不可变的
state：状态属性，值是可变的
immutable：持久化数据结构并共享，在节点数据变化时只修改该节点何父节点
index
type
filter
action type
Action 创建函数
Action
Reducer
Store
State
只能调用 store.dispatch(action)
通过Redux store 调用传入的 reducer 函数
reducer 应该把多个子 reducer 输出合并成一个单一的 state 树
Redux store 保存了根 reducer 返回的完整 state 树
数据流
Selector：使用缓存来优化state变化后渲染视图的性能
redux-saga：异步处理
redux-logger：日志
redux-trunk：处理异步操作
redux-promiss：处理异步操作，actionCreator的返回值是promise
中间件
Redux
flux
Reducer：同步的，相同输入得出相同结果
Effect：用于异步操作，相同输入可能得出不同结果
Subscription：从订阅的源获取数据
[function dispatch():Action]：
dva
无需返回新状态
可观测变量
使用 @inject指令进行缓存
mobx
容器组件
事件绑定：react使用事件代理，再document上监听所有事件，通过target触发对应节点的事件
使用大、小写的约定来区分本地组件的类和 HTML 标签。
render内有且只能有一个根标签包涵所有
特点
JSX
更好的错误提示
mock：基于 require 动态分析的实时刷新
优点
css嵌套在js中
raodhog：create-react-app的改进
ant
视图组件
工具
详细文档地址：https://gitee.com/jikold/booturl 或者：https://github.com/dongyanghe/booturl
React
0 条评论
回复 删除
下一页
