Quiero que mi entrada esté bloqueada para enfocar. probé esto
onBlur={this.click()}pero no funcionó. ¿Cómo lo hago?
dale un autoFocus (camelCase porque es react/jsx)
<input type="text" autoFocus/>si eso es lo que quieres decir.
El atributo de enfoque automático es un atributo booleano.
Cuando está presente, especifica que un elemento debe enfocarse automáticamente cuando se carga la página.
Prueba esto
Use event.target.focus en lugar de click . También es posible que desee [invocar esto al final del ciclo de eventos] [1], es decir, después de un tiempo de espera de 0 ms:
const onBlur = (e) => { window.setTimeout(() => e.target.focus(), 0); }; return ( <div className="App"> <h1>Hello CodeSandbox</h1> <input type="text" onBlur={onBlur} /> </div> );Ver ejemplo de prueba de concepto: