Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

423
Visualizações
Componente 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: TextField con foco pero sin cursor

Y una imagen de enfoque con el cursor después de hacer clic en: TextField con foco y cursor

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Puedes hacerlo de esta manera:

 function MyComponent () { const inputRef = useRef(null); useEffect(() => { inputRef.current.focus() }, []) return ( <TextField inputRef={inputRef} id="new-comment" label="Comment" /> ); }
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda