zoukankan      html  css  js  c++  java
  • react 的核心思想 【声名式】Declarative 的理解

    正如 react 官网首页里写的 它推崇 声明式编程,而非 命令式

    那怎么样的 方式 式 声名式的呢?

    举例我的理解:

    需求:打开一个 Modal

    例子1

    命令式: Modal.open(); // 翻译:命令 modal执行:打开

    声明式:<Modal open={true}>  // 翻译:声明modal的状态为:打开

    例子1的理解应用:

    命令式 在react中,就等于,Modal的 父组件 需要 获取Modal并且 操作 Modal的open方法,这中方式式 极力反对 

    声明式 在react中,就等于,父组件 传递 props 来控制 子Modal的 状态,react 推崇的方法

    例子2

    命令式:操作dom 使用 jquery 去找到需要操作的 dom节点,然后 操作它

    声明式:编码好 数据 与 界面的 关系,只操作 数据,不关心 具体要如何 操作 dom,把dom都交给 react

    例子2的理解应用:

    命令式 在react中,大部分场景 都不需要这样去操作,不过确实 有需要地方。通常 使用ref获取,例如:

    • 管理焦点,文本选择或媒体播放。
    • 触发强制动画。

    声明式 在react中,这就是 再正常 不过的操作来

  • 相关阅读:
    枚举子集 Codeforces306 Div2 B
    UVA140 剪枝
    回溯法浅谈
    UVA10976
    UVA11059
    BZOJ3355
    hdu 2509 博弈 *
    博弈专题
    hdu 1404 找sg ***
    hdu 4759 大数+找规律 ***
  • 原文地址:https://www.cnblogs.com/zhilingege/p/11353123.html
Copyright © 2011-2022 走看看