javascript - ReactDOM 未定义(但来自 React 方法)

Question

我非常清楚地加载和使用 React，直到找不到它为止。

import React from 'react';
import ReactDOM from 'react-dom';
import Container from 'react-container';
import { UI } from 'touchstonejs';
import VoteContainer from '../components/vote-container.js';
import Solution from '../components/solution.js';
import moment from 'moment';

module.exports = React.createClass({
  addSolution () {
    var solution = ReactDOM.findDOMNode(this.refs.solution).getElementsByTagName('input')[0].value,
                     ^~~~ ReactDOM is not defined

但是!一旦我运行 addSolution ，React 和 ReactDOM 就无法访问了。这个变量怎么突然丢失了？我可能会怎么做才能失去它？

这是将在此类的渲染方法中调用它的按钮..

<UI.Button type="primary" onTap={this.addSolution} >
  Send
</UI.Button>

Answer 1

自 v0.14 , ReactDOM 被分离到另一个包中并且鉴于 findDOMNode 是 ReactDOM 的一部分，为了在您的组件中使用它，您必须包含它.例如:

import React from 'react';
import ReactDOM from 'react-dom';

/* ... */

module.exports = React.createClass({
  addSolution: function() {
    ReactDOM.findDOMNode(...)
  }
})