如何从react.js中的表单中收集值？

Question

我是react.js的新手。我正在尝试从表单中收集值。我从谷歌搜索中读到了几个问题和文章。我现在很困惑。 哪一个是从react.js 中的表单中收集值的实际方法？ 我读了this这个问题。我在这里找到了

<input type="text" name="email" placeholder="Email" value={this.state.email} onChange={this.handleEmailChange} /> 

我阅读了this文章，并在下面找到了代码

<input type="text" name="fname" value={fname} onChange={this.onChange} />

在Facebook群组中，成员建议我使用this。

我应该遵循哪种方式？我应该使用state吗？

Answer 1

对于简单表单，您不需要使用Formik。

<input type="text" name="email" placeholder="Email" value={this.state.email} onChange={this.handleEmailChange} />是正确的方法。

回应

  

如何捕获函数内的值

您需要在班级中创建一个方法

handleEmailChange(e) {
    let val = e.target.value;
}

val包含输入值。

或者更简单的是从this.state.email获取它。