Reaguj Modyfikowanie wartości Textarea

Question

Pracuję nad projektem, który jest w zasadzie notatnikiem. Mam problem z aktualizacją wartości, gdy wywoływane jest wywołanie ajax. Próbowałem ustawić właściwość wartość textarea, ale nie można wprowadzić żadnych zmian jej wartości. Jak mogę to zrobić w przypadku zmiany stanu zmiany wartości textarea i można ją edytować.

Kod, który mam, jest następujący.

w klasie macierzystego

<Editor name={this.state.fileData} /> 

w klasie Editor

var Editor = React.createClass({ 
render: function() { 
return (
    <form id="noter-save-form" method="POST"> 
    <textarea id="noter-text-area" name="textarea" value={this.props.name}></textarea> 
    <input type="submit" value="Save" /> 
    </form> 
); 
} 

});

Nie mogę użyć wartości defaultValue, ponieważ wartość textarea nie jest znana podczas ładowania strony i kiedy próbuję umieścić dane między tekstami nic się nie dzieje. Chciałbym, aby przy każdym stanie stanu zmieniał się stan, ale można go edytować w międzyczasie.

Dzięki

Edytuj

udało mi się uzyskać jego pracy przy użyciu jQuery, ale chciałby, aby to zrobić w React zamiast, zadzwoniłem to przed render:

$('#noter-text-area').val(this.props.name); 

Answer 1

I myślę, że chcesz coś na linii:

Rodzic:

<Editor name={this.state.fileData} /> 

Redaktor:

var Editor = React.createClass({ 
    displayName: 'Editor', 
    propTypes: { 
    name: React.PropTypes.string.isRequired 
    }, 
    getInitialState: function() { 
    return { 
     value: this.props.name 
    }; 
    }, 
    handleChange: function(event) { 
    this.setState({value: event.target.value}); 
    }, 
    render: function() { 
    return (
     <form id="noter-save-form" method="POST"> 
     <textarea id="noter-text-area" name="textarea" value={this.state.value} onChange={this.handleChange}></textarea> 
     <input type="submit" value="Save" /> 
     </form> 
    ); 
    } 
}); 

To jest w zasadzie kopią przykładzie umieszczono na https://facebook.github.io/react/docs/forms.html