2016-07-07 12 views
0

イベントが発生しましたtrix-editor'sコンテンツが変更されました。しかし、問題を把握することができません。私は反応するjsを表示しています。以下 は私のコードです:変更イベントのTrix-editorは動作しません

class Desc extends React.Component { 
handleChangeTrix(event){this.setState({[event.target.description.name]: 
    event.target.description.value}); 
     } 
    render(){ 
     return(
    <div className="container-fluid"> 
     <form onSubmit = {this.handleSubmit.bind(this)} 
       className="form-horizontal" > 
     <input id="description" 
       name="description" 
       className="form-control" 
       value={this.state.description} 
       hidden="True" type="hidden"> 
     </input> 
     <trix-editor trix-change={this.handleChangeTrix.bind(this)} 
        classname="trix-content" 
        input="description" 
        placeholder="Start typing here...." > 
    </trix-editor> 
<button type="submit">submit</button> 
    </form> 
</div>); 
    } 
} 

あなたはいくつかの詳細は、あなたが質問が不適切であると感じ、下の投票に値するcomment.Ifにお問い合わせください欠けていると感じた場合、私はあなたの旅行の一番のコメントを経由して間違いを知るのが大好きです。 ありがとうございます。

+0

私はTrix Editorで作業したことがありませんが、あなたのコードは無効と思われます。ブラウザのコンソールにエラーがありますか? –

+0

多分、フォームタグに 'input'、' trix-editor'要素を入れる必要があります。 'render'関数は1つのdivだけを返すためです。私はそう思う。 –

+0

こんにちは、これは完全なコードではありません(実際のコードは長すぎます)。私はちょうど必要な線を取り、ここに枠をつけました。それで、かっこが欠落している可能性があります。問題をより具体的に教えてください。私は上記のスニペットを改善しようとします。 ブラウザのコンソールでエラーが表示されません。 – Hitsa00

答えて

0

あなたはsetStateを間違って呼び出しました。

handleChangeTrix(event){this.setState({description: 
event.target.description.value}); 
関連する問題