マテリアルテーブルコンポーネントのルックアッププロパティに動的に情報を追加します

Question

Material-Tableコンポーネントのルックアッププロパティに動的にデータを追加しようとしていますが、問題が発生しています。

ルックアップはオブジェクトであり、その定義は最初の例 https://mbrn.github.io/material-table/#/docz-examples-06-example-filtering にあります。

しかし、そのオブジェクトを外部で作成しようとした後、それをルックアップに割り当てた場合、エラーが発生します。

それで、オブジェクトの配列をこのルックアッププロパティに割り当てる方法はありますか？

お手数ですが、よろしくお願いいたします。

宜しくお願いします

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] }