提交表单时道具不会通过

时间:2017-10-04 14:40:42

标签: javascript reactjs google-maps ecmascript-6 react-google-maps

我试图将输入表格的值传递给我的AppMap组件,它将地图集中在=IF(B3="x",A3,(IF(B4="x",A4,(IF(B5="x",A5,(IF(B6="x",A6,"")))))))上。它在我对prop city的状态进行硬编码时起作用,但是当我提交表单时,它不会将状态作为道具传递给AppMap组件。有谁知道我做错了什么。提前致谢。

searchValue

导出默认地图

2 个答案:

答案 0 :(得分:1)

您是否已检查state的{​​{1}}和Map的{​​{1}}是否正确更新?例如使用react dev-tools。如果是这样,则props组件可能就是问题。

首先,我将AppMap组件包含AppMap标记,然后从FormGroup组件中删除<form onSubmit={this.handleSubmit}></form>。 (查看https://reactjs.org/docs/forms.html处的React Form示例。)

然后,如果onClick={this.handleSubmit}Button正确更新,但state组件的居中不起作用,则可能需要使用其中一个{{{ 1}} update lifecycle methods

答案 1 :(得分:0)

handleChange函数应该在FormControl中而不是在FormGroup

<FormControl type="text" value={this.state.value} onChange={this.handleChange} name='cardHeading' placeholder="title" />