JavaScript react/lib/ReactUpdates flushBatchedUpdates示例

示例#1

文件： react-update-listener.js 项目： azproduction/node-mc

        this._repaintLoop = () => {
            ReactUpdates.flushBatchedUpdates();
            if (this._hasDomChanges) {
                this._hasDomChanges = false;
                this.emit('update');
            }

            if (this._isLoopAlive) {
                requestAnimationFrame(this._repaintLoop);
            }
        };

示例#2

文件： CodeBlock.js 项目： JustinTulloss/react-dnd

  handleSyntaxClick(syntax) {
    this.setState({
      syntax,
      chosen: true
    });

    const scrollTopBefore = findDOMNode(this).getBoundingClientRect().top;
    setPreferredSyntax(syntax);
    ReactUpdates.flushBatchedUpdates();
    const scrollTopAfter = findDOMNode(this).getBoundingClientRect().top;

    window.scroll(
      window.pageXOffset || window.scrollX,
      (window.pageYOffset || window.scrollY) - (scrollTopBefore - scrollTopAfter)
    );
  }

示例#3

文件： reactRaf.js 项目： everpointer/motion

const tick = () => {
  ReactUpdates.flushBatchedUpdates();
  raf(tick);
}

示例#4

文件： ReactRAFBatchingStrategy.js 项目： KyleAMathews/react-raf-batching

function tick() {
  ReactUpdates.flushBatchedUpdates();
  requestAnimationFrame(tick);
}