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

【问题标题】：How to get a typed value from an Input?如何从输入中获取类型值？
【发布时间】：2018-05-26 16:43:10
【问题描述】：

我想通过 onChange 函数从 ReactStrap 输入组件中获取类型化的值。目的是仅使用 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 最好的方法是什么？

【问题讨论】：

标签： reactstrap

【解决方案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) */}

【讨论】：