Реагирует собственное значение MAX числа в Textinput

Question

Я создаю поле ввода для чисел в реагировать родной. в текстовом поле мы можем использовать maxLength для символов. но я хочу максимальное значение числа в этом поле.

например, когда я устанавливаю предел числа, равный 10, поэтому пользователь не может поставить число 11.

Я не знаю, как это сделать , пожалуйста, напишите ваши ценные комментарии или ответ. заранее спасибо

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*/

Если переданное значение превышает предельное значение, оно установит предельное значение. В противном случае просто установите значение, которое пользователь ввел