在 Textinput 中反应数字的本机 MAX 值

Question

我正在 React Native 中为数字创建一个输入字段。在文本字段中，我们可以使用 maxLength 作为字符。但我想要这个字段中数字的最大值。

for example when I set the limit of number is 10 so the user can't put the 11 of number.

我不知道该怎么做。请写下您宝贵的意见或回答。提前谢谢你

Answer 1

在您的 onChangeText 道具中，您可以像这样传递一个方法：

  const onCheckLimit = (value: string) => {
    const parsedQty = Number.parseInt(value)
    if (Number.isNaN(parsedQty)) {
      setQuantity(0) //setter for state
    } else if (parsedQty > 10) {
      setQuantity(10)
    } else {
      setQuantity(parsedQty)
    }
  }
/* React Wrapper */
        <Input
          value={quantity}
          onChangeText={onCheckLimit}
          otherProps
        />
/*React Wrapper*/

如果传递的值高于限制，它会将值设置为限制。否则，只需设置用户输入的值

在 Textinput 中反应数字的本机 MAX 值

React native MAX value of number in Textinput

numbers

textinput

reactjs

react-native