Подтвердить что ты не робот

ReactJS findDOMNode и getDOMNode не являются функциями

Я создаю веб-приложение с ReactJS и Flux, и я пытаюсь получить node моего текущего div с помощью метода findDOMNode, и я получаю следующую ошибку:

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

ИЗМЕНИТЬ

Как указано в ответах, библиотека DOM с v0.14.0 выходит из ядра 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.
4b9b3361

Ответ 1

Изменено в последнем реакторе:

ReactDOM.findDOMNode

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

Он находится в пакете react-dom. Обратите внимание, что ReactDOMServer также перемещен в другой пакет. Вероятно, в рамках подготовки к API-интерфейсам, специфичным для React, (например, React native).

Ответ 2

В реакции v0.14 Библиотека DOM была перемещена из самой React.js. Есть несколько изменений в BC, но если вы правильно написали свой код, изменения не будут болезненными. Пожалуйста, прочтите здесь полный обзор: https://facebook.github.io/react/blog/#major-changes