2017-02-22 29 views
0

私の反応アプリにフォームがあります。私はユーザーからのフォームからの入力をキャプチャし、テキストを状態プロパティに格納してから、テキストを自分のサーバーに戻したいと考えています。私は基本的なDraftJSチュートリアルに従ってきましたが、サーバーに戻すために必要なテキストだけでなく、私の状態で私にマップを与えてくれました。ドラフトでユーザーから入力されたテキストを取得する

constructor(props) { 
     super(props); 
     this.state = { 
      name: '', 
      teamName: '', 
      editorState: EditorState.createEmpty(), 
      teamId: '', 
      uploadedFileCloudinaryUrl: '' 
     }; 
     this.handleChange = this.handleChange.bind(this); 
     this.handleSubmit = this.handleSubmit.bind(this); 
     this.onChange = (editorState) => this.setState({ editorState }); 
    } 

<Editor editorState={this.state.editorState} onChange={this.onChange} /> 

エディタからテキストを取得するために何か特別なことはありますか?

+0

テキストをサーバーに送信しようとしている様子を表示できますか?これまでのところ、あなたのコードはエディタの状態をキャプチャするだけです。 –

+0

フォーム要素の状態からオブジェクトを作成してデータを投稿するだけですが、サーバーはエディタインスタンスではなく文字列を受け入れます –

答えて

1

サーバーにオブジェクトを送信し、サーバーが文字列のみを受け入れるように見えます。その場合はJSON.stringifyを使用できます。したがって、サーバーにエディタの状態を送信するには、sendToSeverFunction(JSON.stringify(this.props.editorState))を実行し、サーバーの文字列をデコードします。

関連する問題