输入错误后如何清除输入字段

Question

I have an input form name password below, and I would like to clear it after it submits and there is an incorrect password. I am trying e.target.password.value = '' below also tried e.target.password.value.reset() but I get an error that says that reset is not a function.

onPasswordSubmit = (e) => {
    axios.get('/api/password/').then(response => {
      const password = response.data[0].password;
      ((password === this.state.password) ? this.setState(() => ({
        passwordVerified: true,
        error: ''
      })) : this.setState(() => ({
        error: 'Incorrect Password',
      })));
      (this.state.passwordVerified) ? (this.props.changeState()) :
        null
    })
  }
  render() {
    return (
      <div>
        <div className="row">
          <div className="input-field col s12">
        <form
          onSubmit={(e) => {
            e.preventDefault()
            this.onPasswordSubmit(e);
            e.target.password.value = ''

        }}>
              <input
                id="password"
                name="password"
                type="password"
                autoFocus
                value={this.state.password}
                onChange={this.onPasswordChange}
              />
              <label htmlFor="password" className='active'>Password</label>
              <br></br>
              <br></br>
              <br></br>
              <Button buttonLabel='Enter'/>


        </form>
      </div>
    </div>
      </div>

Answer 1

As your input has a value from state so you need to use setState to clear the password state

Clear the state after request successfully done

onPasswordSubmit = (e) => {
    axios.get('/api/password/').then(response => {

      const password = response.data[0].password;
      ((password === this.state.password) ? this.setState(() => ({
        passwordVerified: true,
        error: '',
        password: '', //if success

      })) : this.setState(() => ({
        error: 'Incorrect Password',
        password: '', //if error

      })));
      (this.state.passwordVerified) ? (this.props.changeState()) :
        null
    })
  }