テキストエリアにテキストを入力できません

Question

テキストエリアにテキストを入力することはできません。 デフォルトのテキストは変更できません。

どのように問題を解決できますか？

class SomeClass extends Component{ 
constructor(props){ 
     super(props) 
     this.state = {data:[]} 

     } 
handleChange(e, media_id){ 
     var newState = $.each(this.props.data, function() { 
     if (this.media_id == media_id) { 
      this.text = e.target.value } 
     }); 
     this.setState({data:newState}) 
    }; 
render(){ 
    return(
     <div className="col s9 m9 cards-container"> 
     {this.props.data.map(item => 
      <div className="input-field"> 
       <textarea 
        placeholder="Описание с тегами" ref="tags" 
        className="materialize-textarea" value={ item.text } 
        onChange={this.handleChange.bind(this, item.media_id)} 
       /> 
      </div>)})} 
      } 

Answer 1

が handleChangeにパラメータの順序を逆に

：

handleChange(media_id, e) 

ためhandleChangeがバインドされた方法で、パラメータは逆の順序であることを行っている。

this.handleChange.bind(this, item.media_id) 

こと部分的に適用された関数を返します。item.media_idが最初のパラメータです。 onChangeが発生すると、最終的にEventオブジェクトが渡され、2番目のパラメータになります。

Answer 2

私はあなたがあなたのhandleChangeで、ES6スタンダールを使用している参照してください。

<textarea onChange={...} ... 

あなたはすべての