0
388
ViewsComponente MUI TextField con foco y cursor activo
Estoy usando el componente MUI TextField como un formulario de entrada único. Cuando el componente se carga, tiene el foco, pero no el cursor para comenzar a escribir. El usuario aún tiene que hacer clic en la entrada para que aparezca el cursor y comenzar a escribir. Alternativamente, el usuario puede hacer clic en la tecla de tabulación y aparecer el cursor. Pero escribir cualquier otra cosa no activa el cursor ni registra ningún carácter en el TextField. Intenté usar el atributo autoFocus, así como: inputRef={input => input && input.focus()} de esta respuesta .
Aquí está el formulario:
<FormControl variant="standard" fullWidth> <TextField id="new-comment" label="Comment" multiline minRows={3} maxRows={5} focused={true} value={comment} onChange={updateCommentValue} onKeyDown={keyPress} /> <Button onClick={saveComment}> Comment </Button> </FormControl> Y aquí hay una imagen del foco sin cursor: 
Y una imagen de enfoque con el cursor después de hacer clic en: 
·
Juan Pablo Isaza
1 answers
Answer question0
Puedes hacerlo de esta manera:
function MyComponent () { const inputRef = useRef(null); useEffect(() => { inputRef.current.focus() }, []) return ( <TextField inputRef={inputRef} id="new-comment" label="Comment" /> ); }
·
Juan Pablo Isaza
Report
Answer question