※ 引述《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://webptt.com/cn.aspx?n=bbs/Ajax/M.1489340694.A.7D1.html