入力フィールドがReact（制御入力）で変更されていません

this.updateEmail.bind（this）のバインドなしで入力フィールド値が変更されますが、undefindのthis.setStateを設定できないというエラーが表示されます。以下のような入力フィールドがReact（制御入力）で変更されていません

this.setState({ foo: 'bar' });

出典

2017-01-05 Seena Khoee

だから私は.bind追加（この）が、それは全く動作しません。..少し混乱これらは地獄のようにイライラします。私の頭を壁に打つような感じ。クリスおかげで！

出典

2017-01-05 03:55:22 Chris

ああ男の間違いを：SETSTATEが関数である、あなたはそのように呼ぶべきで

import React, { Component } from 'react'; import Request from 'superagent'; class App extends Component { constructor(){ super() this.state = { email: 'asdf', password: '' } } updateEmail(e){ this.setState={ email: e.target.value } } createUser(e){ var query = 'star'; e.preventDefault() console.log(this.state.email) var url = 'http://www.omdbapi.com?s=${query}&y=&r=json&plot=short'; Request.get(url).then((response) => { console.log(response) this.setState({ movies: response.body.Search, total: response.body.totalResults }); }); } render() { return ( <div className="App"> <div className="App-header"> <form onSubmit={this.createUser.bind(this)}> <input type="text" name="email" onChange={this.updateEmail.bind(this)} value={this.state.email} placeholder="email"/> <br/> <input type="text" name="password" value={this.state.password} onChange={this.updatePassword} placeholder="password"/> <br/> <input type="submit" value="submit"/> </form> </div> </div> ); } } export default App;

–

あなたの質問を解決した場合、心配する必要はありません。upvote /忘れないでください。 – Chris

入力フィールドがReact（制御入力）で変更されていません

答えて

関連する問題