Reactstrap - 使用“select”类型的输入时的e的返回类型

Question

当使用从reactstrap导入的标签时，我遇到了一个小问题。我用了

<.Input type="select" ... /.>

and wrapped inside it

 <.option value={}....>

这样当选择一个选项时，输入的值被设置为所选选项的值。

即使Input数据的值设置了一个数字，访问e.target.value也为我提供了一个字符串，我必须将其解析为int。

所以我想知道在反应堆中类型select的输入标签是否有特定的返回类型 - 即使该值作为数字输入，它是否会自动将其保存为字符串？

Answer 1

似乎没有办法在reactstrap实现这一目标。然而，React的优点在于，您可以快速编写自己的可重用组件来实现此目的。

const NumberSelect = (props) => (
  <input type='select' onChange={(event) => {
    props.onChange(parseInt(event.target.value, 10));
  }}>
    <option value={1}>One</option>
    <option value={2}>Two</option>
  </input>
);

您需要根据自己的需要稍微调整一下这段代码，但这就是我解决问题的方法。