javascript - 语义 UI 输入中的未定义值

Question

我有一个简单的我使用语义-ui-react 来创建它：

  <Form onSubmit={this.handleSubmit.bind(this)}>
          <Form.Field>
            <Input placeholder="From ..." type="text" ref="from" />
            <Label pointing>please enter valid email adress</Label>
          </Form.Field>
          <Divider />

现在我无法访问输入的值。这是我的代码：

  from: this.refs.from.value

这都是未定义的。如何解决这个问题？

Answer 1

我建议以受控方式Form使用和相关组件，因为大多数 SUIR 组件都是功能性的，所以它们不支持refs。我有一个代码笔来展示它。文档中也有示例。