如何从输入中获取键入的值？

Question

我想通过 onChange 函数从 ReactStrap Input 组件获取输入值。目的是仅使用 text 输入但能够获得特定类型的值（在我下面的示例中为字符串或数字）。

<Input valueAs="String" name="input1" type="text" onChange={this.onChange}></Input>
<Input valueAs="Number" name="input2" type="text" onChange={this.onChange}></Input>

您可以看到预期类型由 valueAs 属性定义。我希望在 this.onChange 中举办一个活动：

作为输入 1 的字符串的值
作为输入 2 的数字的值

使用 React / Reactstrap 执行此操作的最佳方法是什么？

Answer 1

reactstrap 的

Input 组件没有名为 valueAs 的属性。要以您需要的格式获取价值，您可以这样做：

<Input name="input1" type="text" onChange={(e) => this.onChange(`${e.target.value}`)}/>
{/* to make it integer you can add unary plus sign like so: */}
{/* this.onChange(+e.target.value) */}

如何从输入中获取键入的值？

How to get a typed value from an Input?

reactstrap