无法使用此命令获取输入类型的值.裁判...
export class BusinessDetailsForm extends Component {
submitForm(data) {
console.log(this.refs.googleInput.value)
}
}
reder() {
return(
<form onSubmit={this.submitForm}>
<Field type="text"
name="location"
component={GoogleAutoComplete}
id="addressSearchBoxField"
ref="googleInput"
/>
</form>
)
}
}
你应该避免ref="googleInput"，因为它现在被认为是遗产.你应该申报
ref={(googleInput) => { this.googleInput = googleInput }}
在处理程序内部，可以使用this.googleInput来引用元素.
那么你可以用submitForm的函数来获得文本的值
String refs are legacy
如果您以前使用过React，您可能会熟悉一个较旧的API，其中ref属性是一个字符串，比如"textInput"，DOM node 是这样访问的.裁判.文本输入.我们建议不要这样做，因为字符串引用有一些问题，被认为是遗留的，并且可能在future 的某个版本中被删除.如果你正在使用这个.裁判.textInput要访问引用，建议使用回调模式.
Edit
从React 16.3开始，创建refs的格式为:
class Component extends React.Component
{
constructor()
{
this.googleInput = React.createRef();
}
render()
{
return
(
<div ref={this.googleInput}>
{/* Details */}
</div>
);
}
}