如何从输入中获取类型值？

Question

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

<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的属性。要以您需要的格式获得价值，您可以：

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