0

Cuando se da clic en el componente para empezar una búsqueda el label desaparece y la idea es que el label suba al borde del componente tal cual lo hace cuando se usa un TextFiel o un Imput de material ui.

import React, { Component, Fragment } from 'react';
import AsyncSelect from 'react-select/async';
import TextField from '@material-ui/core/TextField';

class Autocomplete extends Component {

  render() {
    const {id, name, label, placeholder, value, isClearable, autoFocus,cacheOptions, loadOptions, onChange, disabled, ...other } = this.props;

    return (
      <Fragment>
        <AsyncSelect
        .......
          value={value}
          render={params => (
            <TextField
              {...params}
              label={label}
              variant="outlined"
              fullWidth

            />
          )}
          {...other}
        />
      </Fragment>
    );
  }
}
export default Autocomplete;

comportamiento de react async select comportamiento en un TextField

1 respuesta 1

0

Por lo que veo estas usando un componente que no es de Material UI y quieres que se comporte como uno. En mi opinión la única forma de lograr eso es crear un nuevo componente con el comportamiento deseado. Material UI no brinda ninguna API para hacer lo que deseas.

1
  • Es correcto el componente que necesito modificar no es de material ui es de react la cuestión es que no logro simular el comportamiento del label para que funcione según los componentes de material ui y no tengo la opción de sustituir el componente por uno de material ui ya que esta demasiado arraigado en el sistema. Commented el 11 abr. 2021 a las 20:14

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.