Como verificar quantidade de caracteres de um campo Nome (string), limitar quantidade e quebrar linha (15) se necessário?

26/03/2020

0

Preciso verificar a quantidade de caracteres para um campo Nome dos Instrumentos. Se tiver mais de 15 caracteres, preciso fazer uma quebra de layout e completar o texto. Como faço para quebrar o código e manter ... (reticências)? Estou utilizando o React. Como faço para encaixar a função de verificar quantidade, limitar quantidade (30) e quebrar e usar reticência(...) usando o text-overflow: ellipsis no código?

Segue o código:
const InstrumentName = props => {
    const instrumentModel = props.instrument.ModelName;
    const modelName = instrumentModel.split(" ")[0];
    return (
        <div className={`NameField tableInfo`} onClick={props.onClick}>
            <small></small>
            <span>
                {props.instrument.Status === CONVERTER_ON_MAINTENANCE ||
                props.instrument.Status === INSTRUMENT_ON_MAINTENANCE ? (
                    <Icon name="build" />
                ) : (
                    ""
                )}
                {props.instrument.Name}{" "}
            </span>
            {/* <i className="material-icons">
                {props.opened ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}
            </i> */}
        </div>
    );





Allan Alencar

Allan Alencar

Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar