过滤数组,然后在数组中映射数组

我很确定我遗漏了一些简单的东西,但这段代码让我头痛不已。

array 在当地 json 文件为

{
  "type": [
    {
      "name": "Accommodation",
      "icon": "🏨",
      "subcategory": [
        "Hotels",
        "Motels",
        "Bed & Breakfasts"
      ]
    },
    {
      "name": "Guided Tours",
      "icon": "🚌",
      "subcategory": [
        "Audio & Self Guided",
        "Cruises, Sailing & Water",
        "Food, Wine & Nightlife"
      ]
    }
  ]
}

以及作为

import { type } from './assets/json/company-type.json';

那我用的是 filter name companyType (基于 select 其中之一的值 Accommodation 或 Guided Tours map 这个 subcategory

<ul>
  {type
    .filter(item => {
      return item.name === companyType;
    })
    .map(item => {
      item.subcategory.map(subcategory => {
        <li key={subcategory}>
          <label id={subcategory} htmlFor={subcategory}>
            <input
              type="radio"
              name={subcategory}
              value={subcategory}
            />
            <span />
            {subcategory}
          </label>
        </li>;
      });
    })}
</ul>

但是,什么也没有返回。但是如果我 log 子类别