Question

我是新来的反应者，我的项目结构或代码没有出错，也无法触发表单的Submit事件。

下面是我想从下面提到的表单中调用的函数。

handleSubmit = async (event) => {
        console.log('calling');
    event.preventDefault();
    const resp = await axios.get(`https://example.com/${this.state.userName}`);
    this.props.onSubmit(resp.data);
    //this.setState({ userName: '' });
  };

<form onSubmit={this.handleSubmit}>
      <input 
      type="text" 
      value={this.state.userName}
      onChange={event => this.setState({ userName: event.target.value })}
      placeholder="GitHub username" 
      required 
    />
    <button>Add card</button>
    </form>

当我启动服务器并尝试提交表单，并尝试了各种方法时，如下所述。

<input type='submit'/> 
<button onClick='submit'> Submit </button>

点击未调用处理程序函数。有人可以看一下并在这里引导我吗？

还有，在反应中是否有其他替代形式，例如使用div标签？＃您可以通过-https://github.com/tukaram57/react.git

查看所有代码

Answer 1

您只是忘记添加 type='submit'到按钮

（抱歉，如果格式不正确，但我在移动设备上）

<form onSubmit={this.handleSubmit}> 
///code
 <button type='submit'>Add card<button>     
</form>

表单未在反应中提交

1 个答案: