ReactJS findDOMNode 和 getDOMNode 不是函数

Question

我正在使用 ReactJS 和 Flux 构建一个网络应用程序，我正在尝试使用方法 findDOMNode[ 获取当前 div 的节点 然后我得到下一个错误：

Uncaught TypeError: React.findDOMNode is not a function

所以，我尝试使用 getDOMNode，但我得到了完全相同的错误：

Uncaught TypeError: React.getDOMNode is not a function

我正在使用 npm 构建 JS，我使用这些方法的代码：

var React = require('react');
var stores = require('../stores');
var MessagesUserContainer = require('./messageusercontainer');
var ChatStore = stores.ChatStore;
var owner = stores.getOwner();

var MessagesList = React.createClass({

    getInitialState: function(){
        return {'muc': []};
    },
    componentDidUpdate: function(){
        var node = React.findDOMNode(this); //Error here
        node.scrollTop = node.scrollHeight;
    },
    render: function(){
        return (
                <div className="chatScroll">
                    {this.state.muc}
                </div>
            )
    }
});

module.exports = MessagesList;

ReactJS 版本：0.14.0

编辑

正如答案中所指出的，从 v0.14.0 开始，DOM 库不在 React 核心中，因此我对代码进行了一些更改：

var React = require('react');
var ReactDOM = require('react-dom');
var stores = require('../stores');
var MessagesUserContainer = require('./messageusercontainer');
var ChatStore = stores.ChatStore;
var owner = stores.getOwner();

var MessagesList = React.createClass({

    getInitialState: function(){
        return {'muc': []};
    },
    componentDidUpdate: function(){
        var node = ReactDOM.findDOMNode(this);
        node.scrollTop = node.scrollHeight;
    },
    render: function(){
        return (
                <div className="chatScroll">
                    {this.state.muc}
                </div>
            )
    }
});

module.exports = MessagesList;

但是我遇到了另一个问题：

Uncaught Error: Invariant Violation: findDOMNode was called on an unmounted component.

Answer 1

在最新的 React 中更改：

ReactDOM.findDOMNode

https://facebook.github.io/react/docs/top-level-api.html#reactdom.finddomnode

它在 react-dom 包中。请注意，ReactDOMServer 也已移至另一个包中。可能是在准备 React 相关平台特定的 API（比如 React native）。

要导入/需要包：

import ReactDOM from "react-dom";

或

 var ReactDOM = require('react-dom').

Answer 2

在 React v0.14 中 DOM 库已从 React.js 本身移动。有一些 BC 更改，但如果您以正确的方式编写代码，那么更改将不会很痛苦。请在此处阅读完整概述：https://facebook.github.io/react/blog/#major-changes

ReactJS findDOMNode 和 getDOMNode 不是函数

ReactJS findDOMNode and getDOMNode are not functions

reactjs

react-dom