将动态信息添加到材料表组件中的查找属性

Question

我正在尝试将数据动态添加到 Material-Table 组件中的查找属性，但我发现了一些问题。

查找是一个对象，您可以在第一个示例https://mbrn.github.io/material-table/#/docz-examples-06-example-filtering 中找到它的定义

但是，如果您尝试在外部创建该对象，然后将其分配给查找，则会出现错误。

那么，有没有办法将一个对象数组分配给这个查找属性？

提前感谢您的时间，任何指导将不胜感激。

此致

Answer 1

我找到了方法，它使用 Reduce，它工作得很好：假设你有这个对象数组：

  const dinamicObject = [
  { id: 4, name: "name" },
  { id: 2, name: "Mehmet" },
  { id: 3, name: "middle" }
  ];

  var obj = dinamicObject.reduce(function(acc, cur, i) {
  acc[cur.id] = cur.name;
  return acc;
  }, {});

然后将其分配给 Material-Table 组件中的查找属性

检查此以获得更多说明https://codesandbox.io/s/vq2lj0krkl

我希望这对其他人有帮助

此致