Question

我正在使用ReactJS和Flux构建一个Web应用程序，并且我尝试使用 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 verion：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）做准备。

Answer 2

在react v0.14中，DOM库已从React.js本身移出。有一些不列颠哥伦比亚省的变化，但如果你以适当的方式编写代码，那么变化将不会感到痛苦。请阅读此处以获取完整概述：https://facebook.github.io/react/blog/#major-changes

ReactJS findDOMNode和getDOMNode不是函数

2 个答案: