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

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