我正在用ReactJS和Flux构建一个web应用程序,我试图使用方法findDOMNode获取当前div的 node ,我得到了下一个错误:
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
EDIT
正如答案中指出的,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.