使用 Lodash 和 TypeScript 将包含子元素的数组展平

Question

使用 TypeScript 代码，我试图展平一个对象数组，其中每个元素都可以包含子元素：

function getMenu (menus:Array<Menu>, name:string | undefined) {
  console.log('getMenu', name, menus[0])
  const test = _(menus)
    .thru(function (coll) {
      return _.union(coll, _.map(coll, 'children') || [])
    })
  console.log('getMenu 2', test)
  return name
}

我遇到了阻止我的错误：

“Menu[][]”类型的参数不能分配给“List”类型的参数。

索引签名不兼容。

“Menu[]”类型缺少“Menu”类型的以下属性：标签、图标、路线、可选择和另外 2 个。

注意：该代码在 JavaScript 中运行良好。

Answer 1

_.map(coll, 'children') 返回菜单[][]。我们应该将其展平以使其成为 Menu[]。

试试下面的代码：

function getMenu(menus: Array<Menu>, name: string | undefined) {
  console.log('getMenu', name, menus[0]);
  const test = _(menus).thru(function(coll) {
     const flattenData = flatten(_.map(coll, 'children')); // flattening the data here
    return _.union(coll, flattenData);
  });
  return name;
}