zoukankan      html  css  js  c++  java
  • 333react

    虚拟DOM,不会直接操作原生的DOM节点只改变“需要改变”的DOM节点。

    很少的内存消耗 遵循基于组件的方法,有助于构建可重用的UI组件。单向数据流

    只有在组件的state变化时才会出发组件的重新渲染

    无状态组件就是一个单纯的render函数,所以无状态组件的缺点也是显而易见的。因为它没有shouldComponentUpdate生命周期函数,所以每次state更新,它都会重新绘制render函数

    箭头函数 正确绑定组件的上下文

    React 组件的生命周期有三个不同的阶段:

    1. 初始渲染阶段:这是组件即将开始其生命之旅并进入 DOM 的阶段。
    2. 更新阶段:一旦组件被添加到 DOM,它只有在 prop 或状态发生变化时才可能更新和重新渲染。这些只发生在这个阶段。
    3. 卸载阶段:这是组件生命周期的最后阶段,组件被销毁并从 DOM 中删除。
    • *componentWillMount*****() – 在渲染之前执行,在客户端和服务器端都会执行。
    • *componentDidMount*****() – 仅在第一次渲染后在客户端执行。
    • *componentWillReceiveProps*****() – 当从父类接收到 props 并且在调用另一个渲染器之前调用。
    • shouldComponentUpdate*****() – 根据特定条件返回 true 或 false。如果你希望更新组件,请返回true* 否则返回 false。默认情况下,它返回 false。
    • *componentWillUpdate*****() – 在 DOM 中进行渲染之前调用。
    • *componentDidUpdate*****() – 在渲染发生后立即调用。
    • *componentWillUnmount*****() – 从 DOM 卸载组件后调用。用于清理内存空间。

    defaultProps
    props
    propsTypes
    constructor(props{ super(props) }
     

    Redux 由以下组件组成:

    1. Action – 这是一个用来描述发生了什么事情的对象。
    2. Reducer – 这是一个确定状态将如何变化的地方。
    3. Store – 整个程序的状态/对象树保存在Store中。
    4. View – 只显示 Store 提供的数据。

    state:{}

    reducer:{}改state,返回新的state

    effects:{}掉接口,用reducer改值

    mapStateToProps

    mapDispatchToProps



  • 相关阅读:
    Talairach空间、MNI空间、Native空间、Stereotaxic空间
    支持向量机通俗导论(理解SVM的三层境界) by v_JULY_v
    独立成分分析 与 功能连接之间的关联尝试 by 张高燕
    布罗德曼分区系统
    MNI模板和Talairach 模板的对比
    神经系统知识普及
    AC-PC线(前联合-后联合线)
    git hub的GUI软件配置与使用
    仿射相关理论
    linux下的僵尸进程处理SIGCHLD信号
  • 原文地址:https://www.cnblogs.com/luyingying/p/13260023.html
Copyright © 2011-2022 走看看