Question

您将如何读取输入值？

在reacjs网站上，我看到了非常复杂的方法！

我只想读取值并通过ajax fetch（）请求提交。即我不需要管理绑定，事件等……

Answer 1

到目前为止，从html控件读取值的最简单方法是使用事件处理程序。

export default class myComponent extends Component {
    person = {};

    onChange = field => e => {
      this.person[field] = e.target.value;
    };

    render() {
      return (
        <Input
          id="firstName"
          name="firstName"
          autoComplete="firstName"
          autoFocus
          onChange={this.onChange('FirstName')}
        />
      );
    }
  }

在上面的代码片段中，我们基本上是在告诉对firstName控件更新的更新触发onChange成员的反应。我们的方法将接收事件e，该事件具有控件的句柄，并且我们基本上可以探究它的值成员以获取键入的内容（类似于jquery's $('#element').value()）。

为什么这是最简单的方法？因为它的通用性足以允许您处理react组件中的多个输入。注意，除了事件之外，我还指示React向我传递控件名称，并且使用此方法，我基本上可以确切知道我的输入（如果有多个输入）导致了事件的触发。

Answer 2

读取用户输入值是可行的，并建议通过事件处理程序进行。

下面的示例将解释如何在提交Form时读取输入值并通过提取将其发送到后端

>>> Hello
>>> I didn't wait for foo()
>>> foo() completed

阅读表格输入内容吗？

2 个答案: