Javascript react中的输入复位

我正在开发react应用程序。这里我说的是在提交表单后表单中的两个输入，我的字段没有重置。如何做到这些。我附上我的表单组件代码，任何人都可以帮我解决这个问题

import React, { Component } from 'react';

class Form extends Component {

render() {
    return (
        <form onSubmit={this.props.getWeather}>
            <input type="text" name="city" placeholder="city.." />
            <input type="text" name="country" placeholder="country.." /><br></br>
            <button >Submit</button>
        </form>
    );
}
}

export default Form;

import React，{Component}来自'React'；
类形式扩展组件{
render（）{
返回(



提交
);
}
}
导出默认表单；

在

getWeather

方法中，您将可以访问React合成事件对象，例如

event

。使用

event.target

从中取出本机dom元素，然后将该方法调用为

event.target.reset（）

。这将清除所有表单输入值

玩下面的例子

函数应用程序（）{
const onFormSubmit=e=>{
e、 预防默认值（）；
e、 target.reset（）；
};
返回(
输入您的姓名：
);
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）
在
getWeather
方法中，您将可以访问React合成事件对象，例如
event
。使用
event.target
从中取出本机dom元素，然后将该方法调用为
event.target.reset（）
。这将清除所有表单输入值

玩下面的例子


函数应用程序（）{
const onFormSubmit=e=>{
e、 预防默认值（）；
e、 target.reset（）；
};
返回(
输入您的姓名：
);
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）

或者在表单上设置一个ref，并根据需要调用重置方法described@RossMackay在子组件中
form
时，
ref
将是太多的工作。。因此，在我看来，从
事件
对象中取出它要容易得多。
getWeather
函数可能会忽略表单逻辑。您可能希望获取字段数据并在中间函数（如Arup的示例）中重置表单，让getWeather仅使用e.target.reset（）处理城市/国家参数；在getWeather函数中，一个主要组件工作正常。Thank@AruprakshitThank@Rossmakayor或者在表单上设置一个ref并调用reset方法described@RossMackay在子组件中
form
时，
ref
将是太多的工作。。因此，在我看来，从
事件
对象中取出它要容易得多。
getWeather
函数可能会忽略表单逻辑。您可能希望获取字段数据并在中间函数（如Arup的示例）中重置表单，让getWeather仅使用e.target.reset（）处理城市/国家参数；在getWeather函数中，一个主要组件工作正常。谢谢@Aruprakshit谢谢@Rossmakay