使用 React Hooks 提交时将表单字段重置为初始状态

Question

I'm trying to reset my form fields to blank when a button is pressed. For some reason its not working. Here is my sample code:

initialize:

function App() {
  const [textField, setTextField] = useState(""); 

Clear the state:

  const clearState = () => {
    setTextField('');
  }

On submit:

  const submitForm = () => {
    clearState();
  };

Form field:

        <Form.Group controlId="textField">
          <Form.Control placeholder="Description" onChange={handleTextFieldInput} />
        </Form.Group>

But when I submit, the value is still the same as was input.

Answer 1

在Form.Control上设置value={textField} ，应该可以解决它:)