52

ReactJS と Flux を使用して Web アプリを構築しています。findDOMNodeメソッドを使用して現在の div のノードを取得しようとする と、次のエラーが発生します。

Uncaught TypeError: React.findDOMNode is not a function

そのため、 getDOMNodeを使用しようとしましたが、まったく同じエラーが発生します。

Uncaught TypeError: React.getDOMNode is not a function

これらのメソッドを使用するコードである JS をビルドするために npm を使用しています。

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.
4

2 に答える 2

66

最新の React で変更されました:

ReactDOM.findDOMNode

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

react-domパッケージに入っています。ReactDOMServer も別のパッケージに移動されていることに注意してください。おそらく、React 関連のプラットフォーム固有の API (React ネイティブなど) の準備中です。

パッケージをインポート/要求するには:

import ReactDOM from "react-dom";

また

 var ReactDOM = require('react-dom').
于 2015-10-09T06:46:16.730 に答える