Javascript 为什么在“选择”菜单中看不到任何类别选项？

我正在使用这段代码将类别从数据库设置到选择菜单，但它不起作用

<select
        onChange={handleChange("category")}
        className="form-control"
        placeholder="Category"
      >
        <option>Select</option>
        {categories &&
          categories.map((cate, index) => {
            <option key={index} value={cate._id}>
              {cate.name}
            </option>
          })}
      </select>

---

我在“categories”数组中有数据库中的所有类别，我在控制台中对其进行了测试，但在选择选项中看不到您必须从传递到categories.map的函数返回JSX。由于没有返回任何内容，默认情况下，任何javascript函数都将返回未定义的内容。这意味着categories.map正在生成一个未定义的数组

还可以隐式返回JSX

{categories &&
   categories.map((cate, index) => (
       <option key={index} value={cate._id}>
         {cate.name}
       </option>
     )
)}

---

谢谢，现在可以用了。

{categories &&
   categories.map((cate, index) => (
       <option key={index} value={cate._id}>
         {cate.name}
       </option>
     )
)}