作者iamnodoubt (Have Fun)
看板Ajax
标题Re: [问题] React submit时取得栏位的值
时间Mon Mar 13 01:44:52 2017
※ 引述《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
1F:推 aoksc: 感谢解惑! 03/15 00:23