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。要以您需要的格式获取价值，您可以执行以下操作：

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