15651980765
V2EX  ›  React

看 React 文档,有一句话不太理解。

  •  
  •   15651980765 · Jan 10, 2020 · 3993 views
    This topic created in 2340 days ago, the information mentioned may be changed or developed.

    “尽管 this.props 和 this.state 是 React 本身设置的,且都拥有特殊的含义,但是其实你可以向 class 中随意添加不参与数据流(比如计时器 ID )的额外字段。”


    组件之间流转的数据在 this.props 上,组件内部的数据在 this.state 上,那什么数据直接添加到 this 上呢?

    7 replies    2020-04-03 11:32:15 +08:00
    iiii
        1
    iiii  
       Jan 10, 2020 via Android
    render 里用不到的
    ljpCN
        2
    ljpCN  
       Jan 10, 2020 via Android
    这段话已经举例了。比如一个计时器的 ID(setTimeout 的返回值)你需要保存起来(万一需要 clear 掉),这时你就把它挂到 class 的 this 上
    yaphets666
        3
    yaphets666  
       Jan 10, 2020
    不需要响应式变化的数据 暂时可以这么理解
    shadeofgod
        4
    shadeofgod  
       Jan 10, 2020
    不希望它的更新导致 re-render 的都可以放,常用的比如:

    ```js
    componentDidMount() { this._mount = true }
    componentWillUnmount() { this._mount = false }
    ```
    nnnToTnnn
        5
    nnnToTnnn  
       Feb 11, 2020
    React 是单项数据流。

    通过 Props 和 state 来进行状态更改组件的变化。 但是有些属性是不需要在 Props 以及 state 进行变化的。

    例如计算用户点击了多少次。 这些本身不参与 dom 的变化。所以基本上不需要用到 state,props

    -------------------------

    其实这也是我和同事的之间经常吵的一件事情。

    我不喜欢作为单向数据流,也就是不喜欢以数据为基础来进行渲染。更加喜欢的是以 dom 作为一个组件对象。拥有事件属性,作为一个对象来进行操作。
    lianjp
        6
    lianjp  
       Apr 2, 2020
    最近面试还被面试官问到过这个问题,问:和视图没有关系的变量应该写在哪里?答:直接用 this 挂在实例上。
    15651980765
        7
    15651980765  
    OP
       Apr 3, 2020
    @lianjp 后面用函数组件之后又在纳闷,与视图无关的变量定义在哪里,是不是用 useRef 呢,通过操作 ref.current 来控制变量?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   944 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 18:27 · PVG 02:27 · LAX 11:27 · JFK 14:27
    ♥ Do have faith in what you're doing.