react select option 값 나오지 않음

React
1

useState 사용해서 category에 넣고 map을 이용해서 option 표시하려고 하는데 나타지 않습니다. 처음 로딩때 빈 배열이 먼저 나타나서 표시되지 않은거 같은데 해결방법이 있을까요?

const [category, setCategory] = useState([]);

  useEffect(async () => {
    const category = await getAllBlogCategory();
    if (category) setCategory(category.data.data);
  }, []);

return (
          <div className="select">
          <select
            defaultValue="default"
            name="parentId"
            id="parentId"
            {...register("parentId")}
          >
            <option value="default" disabled>
              없음
            </option>
            {category.map((item) => {
              <option key={item.id} value={item.id}>
                {item.name}
              </option>;
            })}
          </select>
        </div>
)
2 

category.map((item) => {
            return  <option key={item.id} value={item.id}>
                {item.name}
              </option>;
            })

리턴을 해야합니다. 리턴을 실수로 누락하셨네요. ^^

1개의 좋아요