ReactDOM ist nicht definiert (aber innerhalb einer React-Methode)

Question

Ich bin sehr klar laden und Reagieren bis zu dem Punkt, wo es nicht finden kann.

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 

Aber! Sobald ich addSolution ausführen, sind React und ReactDOM nicht verfügbar. Wie geht diese Variable plötzlich verloren? Was könnte ich tun, um es zu verlieren?

Dies ist der Knopf, der es in dieser Klasse nennen würde Render-Methode ..

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

Answer 1

Seit v0.14, bekam ReactDOM in ein anderes Paket getrennt und da findDOMNode Teil ReactDOM, ist, um es zu benutzen innerhalb Ihrer Komponenten müssen Sie es enthalten. Zum Beispiel:

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

/* ... */ 

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