reactjs - 尝试将数据从地图方法返回到我的渲染并获取对象错误

Question

这已被问到here，但它没有回答我的问题。在此处输入链接描述

我目前有一个返回此方法的组件：

      return (
        <>
        { createDropdown() }
        </>
        )


 // create dropdown
const createDropdown = (data, parent) => {

  if(optionDetails) {
        return optionDetails.map((item, i) => {
            const fltData = filterData(item, props.items);
            return fltData.then(resultData => {
              return(
                <div>test</div>
              )
            })
          });
  }

}

我的目标是返回一个带有一些 html 的 div，但我得到了错误：

Objects are not valid as a React child (found: [object Promise])

在上面的问题中，他们正确的答案建议为返回的数据设置状态。我正在创建动态数据，filterData()我不想为每个数据都设置状态。如果这是我会做的唯一方法，但我想我会问我是否可以设置一些不同的东西。请告诉我。