作者aoksc (重出江湖)
看板Ajax
标题[问题] React submit时取得栏位的值
时间Mon Mar 13 00:43:03 2017
请教各位
https://facebook.github.io/react/docs/forms.html
小弟在练习官网范例时有个问题
我想试着做一个像是条件查询的网页
当然父元件就是画面中查询条件的部份
子元件就是显示资料的部份
我想试着在按下submit的时候去抓到查询栏位的值
然後在传给子元件去显示
像是这样
return (
<form onSubmit={this.handleSubmit}>
<label>
Name:
<input type="text" />
</label>
<input type="submit" value="Submit" />
<displaytable name={this.state.value} />
</form>
);
但是官网form的范例等於是会在onChange时一直覆盖原来在state的值
也只能靠这样才能让key进去的字正常显示在input中
所以我想这应该不是适用於此的方法
应该是在按下submit时才去取得各栏位的值
我试过用refs
但在chrome可以看到值
却不能assign给变数
所以想请问各位能否提示一下正确的作法
正常的作法都是怎麽处理这问题呢?
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 118.233.159.254
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1489336986.A.2AA.html
1F：推 kobe0224: 正常应该都是input加个onchange event然後把值存到state 03/22 20:35
2F：→ kobe0224: ,之後submit再从state里面去处理。 03/22 20:35
3F：推 kobe0224: 补充，可以在state里面加一个boolean来决定子元件要不要 03/22 20:37
4F：→ kobe0224: 更新或显示，最後submit时，把他改成true就好 03/22 20:37