DebouncedTextField

DebouncedTextField est un composant de champ de texte qui diffère les mises à jour de valeur pour réduire le nombre d’appels, idéal pour les scénarios avec des mises à jour fréquentes, comme pendant la frappe.

Utilisation

Pour utiliser DebouncedTextField, importez-le depuis vos composants. Il supporte toutes les props TextField y compris value, onChange et autres.

DebouncedTextField de base

Cet exemple montre une utilisation de base du DebouncedTextField, démontrant comment il peut être utilisé pour gérer les changements de valeur avec un mécanisme de différement pour réduire le nombre de mises à jour.

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>
    );
}