useDataSource

Utilisez ce hook pour accéder à la source de données utilisée dans votre application FireCMS.

Ce contrôleur vous permet de récupérer et sauvegarder des données depuis votre base de données (comme Firestore ou MongoDB) en utilisant l’abstraction de collections et d’entités créée par FireCMS.

Note

Veuillez noter que pour utiliser ce hook, vous devez être dans un composant (vous ne pouvez pas l’utiliser directement depuis une fonction callback). Cependant, les callbacks incluent généralement un FireCMSContext, qui contient tous les contrôleurs y compris le dataSource.

Méthodes disponibles

• fetchCollection : Récupérer des données d’une collection
• listenCollection : Écouter les entités dans un chemin donné avec des mises à jour en temps réel
• fetchEntity : Récupérer une entité à partir d’un chemin et d’un id
• listenEntity : Obtenir des mises à jour en temps réel sur une entité
• saveEntity : Sauvegarder une entité dans le chemin spécifié
• deleteEntity : Supprimer une entité
• checkUniqueField : Vérifier si la valeur de propriété donnée est unique dans la collection
• generateEntityId : Générer un nouvel ID pour une entité (optionnel, dépend de l’implémentation)

Exemple

import React, { useEffect, useState } from "react";
import { useDataSource, Entity } from "@firecms/core";

type Product = {
    name: string;
    price: number;
};

export function ProductLoader() {
    const dataSource = useDataSource();
    const [products, setProducts] = useState<Entity<Product>[]>([]);

    useEffect(() => {
        dataSource.fetchCollection<Product>({
            path: "products",
            limit: 10
        }).then(setProducts);
    }, [dataSource]);

    return (
        <div>
            {products.map(product => (
                <div key={product.id}>{product.values.name}</div>
            ))}
        </div>
    );
}