reactstrap - 如何从输入中获取类型化的值？

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

Input reactstrap 的组件没有名为 valueAs 的属性.要以您需要的格式获取值(value)，您可以执行以下操作:

<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) */}