DebouncedTextField

DebouncedTextField é uma variação do componente padrão TextField projetada para atrasar a invocação do callback onChange. Esse atraso ajuda a reduzir o número de chamadas onChange para entradas que podem ter atualizações frequentes, como durante a digitação.

Uso

Para usar o DebouncedTextField, importe-o dos seus componentes. Ele suporta todas as props do TextField incluindo value, onChange entre outras.

DebouncedTextField básico

Este exemplo mostra um uso básico do DebouncedTextField, demonstrando como pode ser usado para lidar com mudanças de valor com um mecanismo de atraso para reduzir o número de atualizações.

import React, { useState } from "react";
import { DebouncedTextField } from "@firecms/ui";

export default function DebouncedTextFieldBasicDemo() {
    const [value, setValue] = useState("");

    const handleChange = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
        setValue(event.target.value);
    };

    return (
        <div>
            <DebouncedTextField
                value={value}
                onChange={handleChange}
            />
        </div>
    );
}