скажем, я пытаюсь получить 10 чисел в поле ввода, но свойство maxLength не работает с type='number', хотя оно отлично работает для type='text'.
import React, { Component } from 'react'
export default props => {
const {
handleInput
} = props;
return (
<div>
<span>+92</span>
<input type='number' placeholder='Phone Number' maxLength = {10} onChange = {handleInput}/>
</div>
)
}
чего мне не хватает в написанном выше фрагменте кода?
Один из возможных обходных путей может заключаться в том, что я использую свойство value во входном теге и делаю тип ввода текстом, а написав функцию onChange, продолжаю тестировать входное значение из регулярного выражения.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Это обычный элемент HTML, ничего общего с React.
Для ввода номер типа игнорируется, вы должны реализовать собственную проверку. Согласно документу Mozilla: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#attr-maxlength
Также мне нравятся документы Mozilla, они действительно хорошо справляются с этим, делая их доступными (читабельными/понятными) для всех... но это не официальный документ. Официальная есть на w3c.
Виноват. Официальный документ Mozilla, если быть точным.
Я бы использовал текстовое поле для номера телефона. Часто люди хотят поставить скобки,
+или-, пробелы...