Reactstrap

Question

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

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

and wrapped inside it

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

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

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

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

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" 类型的输入时 e 的 return 类型

Reactstrap - The return type of e when using Input of type "select"

javascript

reactjs