Question

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

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

and wrapped inside it

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

以便选择一个选项时，输入的值将设置为所选选项的值。

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

所以我想知道reactstrap中的select类型的Input标记是否有特定的返回类型-即使将值输入为数字，它也会自动将其保存为字符串吗？

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>
);

您将需要根据自己的需要对这段代码进行一些调整，但这就是我将解决您的问题的方式。

Reactstrap-使用类型为“ select”的Input时e的返回类型

1 个答案: