Tengo un problema en el que cualquier entrada de texto que tenga una propiedad onChange no me permite escribirla. Todavía tengo un milisegundo de tiempo que puedo escribir algo en él, pero apenas puedo escribir una letra a la vez si realmente lo intento.
La forma en que generalmente resolví este problema fue obtener el valor de la entrada una vez usando document.getElementById().value, en lugar de tener una función que lo haga automáticamente.
Básicamente hice esto
<input id="something" type="text" /> <button onClick={() => doSomething(document.getElementById("something").value)}>Click Me!</button>en lugar de esto,
<input value={value} onChange={e => setValue(e.target.value)} /> <button onClick={() => doSomething(value)}>Click Me!</button>pero ahora necesito hacer algunas actualizaciones en tiempo real, así que necesito este método.
Resulta que, de alguna manera, la solución fue crear un componente React gigante que almacena todo el código en lugar de componentes más pequeños y organizados.