Ajouter une information dynamiquement à la propriété de recherche dans le composant de la table de matériaux

Question

J'essaie d'ajouter des données de manière dynamique à la recherche de recherches dans la composante Tableau de matériau et je vois des problèmes.

La recherche est un objet, et sa définition que vous pouvez trouver ici dans le premier exemple https://mbrn.github.io/material-table-ttable/#/docz-examples-06-example-filtering

Mais si vous avez essayé de créer cet objet à l'extérieur et après cela, attribuez-le à la recherche, vous obtiendrez une erreur.

Alors, est-il un moyen d'attribuer une gamme d'objets à cette propriété de recherche?

Merci d'avance pour votre temps, toute directive sera appréciée.

Meilleures salutations

Answer 1

// Suppose you have the following array object from an end point:

const clients = [
    { id: 1, clientname: 'rohit', email: '[email protected]'},
    { id: 2, clientname: 'mohan', email: '[email protected]'}
]
// Now let us convert it to JavaScript Object with key and value pairs:

const clientOptions = {};
clients.map(client => {
    const { id, email } = client;
    clientOptions[ clientid ] = email
})
// Now look at the output by console.log(clientOptions) , we will get the following output:
// Output:
{ 1 : [email protected], 2 : [email protected] }