TextArea- Wert und Text geht auf undefinierte Attribute in reagieren

Question

Ich habe ein Textfeld

<textarea ref="newText" defaultValue={this.props.children}></textarea> 

Ich brauche seinen Wert zu holen, ich so versucht.

this.props.update(this.refs.newText.value,this.props.index); 

Ich habe auch Text anstelle von Wert verwendet, aber es gibt immer noch undefined zurück.

this.refs.newText.value 

Answer 1

Es ist schwer, ohne den vollständigen Quellcode Ihrer Komponente zu debuggen. Ich habe eine codepen hergestellt, die in der <textarea/> Element eingegeben zwei Möglichkeiten zeigt den Wert des Zugangs: http://codepen.io/PiotrBerebecki/pen/amJAqb

Haben Sie auch einen Blick auf den Forms docs Reagieren: https://facebook.github.io/react/docs/forms.html#controlled-components

const TextArea = React.createClass ({ 
    getInitialState: function() { 
    return { 
     userInputValue: '', 
     userInputRefs: '' 
    }; 
    }, 

    handleChange: function(event) { 
    this.setState({ 
     userInputValue: event.target.value 
    }); 
    this.setState({ 
     userInputRefs: this.refs.userData.value 
    }); 
    }, 

    render: function() { 
    return (
     <div> 
     <textarea ref="userData" 
        type="text" 
        onChange={this.handleChange} 
        value={this.state.userInputValue} /> 
     <h3>User input value:</h3> 
     <p>{this.state.userInputValue}</p> 
     <h3>User input refs:</h3> 
     <p>{this.state.userInputRefs}</p> 
     </div> 
    ); 
    } 
}) 


ReactDOM.render(
    <TextArea />, 
    document.getElementById('app') 
) 

Answer 2

Versuchen Sie lauten die Reaktionen Aktualisierung Dom-Bibliotheken. ref hilft dir, ein Kind zwingend zu modifizieren, ohne Requisiten benutzen zu müssen. get the latest from react docs

src="https://unpkg.com/react@15/dist/react.js"> src="https://unpkg.com/react-dom@15/dist/react-dom.js">

Check out Refs & the DOM