Estaba intentando si hay alguna forma de proporcionar un teclado numérico incorporado para la vista de Ipad.

React Pin Input no tiene costuras para tomar los valores del campo de entrada.

Traté de agregar una clase diferente para el campo de entrada para poder agregar los valores manualmente. Pero incluso agregar valores manualmente no parece funcionar. La longitud funciona bien, pero de alguna manera React Pin Input no toma los valores manualmente.

 if (input.length == 1) { document.querySelector(".input-1").value = input; } if (input.length == 2) { document.querySelector(".input-2").value = input; } if (input.length == 3) { document.querySelector(".input-3").value = input; } if (input.length == 4) { document.querySelector(".input-4").value = input; }

Mi pregunta es cómo agregar valores y atributos a React Pin Input al presionar una tecla, que es un teclado virtual.

https://codesandbox.io/s/react-pin-input-forked-3mo8xm