Re: [問題] React submit時取得欄位的值

[iamnodoubt (Have Fun)]

※ 引述《aoksc (重出江湖)》之銘言：
: 請教各位
: https://facebook.github.io/react/docs/forms.html
: 小弟在練習官網範例時有個問題
: 我想試著做一個像是條件查詢的網頁
: 當然父元件就是畫面中查詢條件的部份
: 子元件就是顯示資料的部份
: 我想試著在按下submit的時候去抓到查詢欄位的值
: 然後在傳給子元件去顯示
: 像是這樣
 return (
     <form onSubmit={this.handleSubmit.bind(this)}>
         <label>
             Name:
             <input type="text" name="name" ref="name"  />
         </label>
         <input type="submit" value="Submit" />
         <displaytable name={this.state.value} />
     </form>
 );

handleSubmit(e){
  e.preventDefault();
  let name = e.target.name.value;
  或是
  let name = this.refs.name.value;
}

改state記得用this.setState()

: 但是官網form的範例等於是會在onChange時一直覆蓋原來在state的值
: 也只能靠這樣才能讓key進去的字正常顯示在input中
: 所以我想這應該不是適用於此的方法
: 應該是在按下submit時才去取得各欄位的值
: 我試過用refs
: 但在chrome可以看到值
: 卻不能assign給變數
: 所以想請問各位能否提示一下正確的作法
: 正常的作法都是怎麼處理這問題呢?
: 謝謝

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.160.84.61
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1489340694.A.7D1.html
推 aoksc: 感謝解惑!