Reactjs 将对象作为道具传递到组件中，并渲染对象中的每个项目

目标：将对象作为道具传递给组件，然后在

p

标记中呈现对象中的每个项目

下面是我将对象作为

项目符号

道具传递到

ProductDetails

组件的代码：

返回(
{products.map（（产品）=>(
))}

这就是我的

productBullets

对象的外观：

productBullets:{secondBullet:“asdf”，thirdBullet:“ads”，firstBullet:“asdf”，fourthBullet:“adf”}

我将

项目符号作为道具从我的
ProductPage
组件传递到我的
ProductDetails
组件：

函数ProductDetails（{bullets}）{
返回(
{项目符号.map（（项目符号）=>(
{bullet}

))}
);
}

但是，当我尝试通过对象映射时，项目不会呈现。如果有任何帮助，我们将不胜感激！
映射功能无法工作，因为它不是数组，而是对象

{Object.values（项目符号|{}）.map（（项目符号，i）=>(
{bullet}
))}
映射功能不起作用，因为它不是数组，而是对象

{Object.values（项目符号|{}）.map（（项目符号，i）=>(
{bullet}
))}
当我运行代码时，会出现以下错误：TypeError:无法将未定义或null转换为object@d-dripz数据是否来自async request？更新的答案。我正在使用useEffect挂钩从firebase获取数据，然后将项目符号数据作为道具传递给组件。此外，新的cod不再显示错误e但是项目符号没有显示在屏幕上。@d-dripz那么您的数据提取可能有问题。如果只有数据存在，我上面发布的代码应该正确显示数据。捕获了错误。现在工作起来很有魅力。谢谢！当我运行您的代码时，我得到以下错误：TypeError:无法将未定义或null转换为object@d-dripz数据是否来自异步请求？更新的答案。我正在使用useEffect挂钩从firebase获取数据，然后将项目符号数据作为道具传递给组件。此外，新代码不再显示错误，但项目符号不会在屏幕上呈现。@d-dripz然后数据获取出现问题可能吧。我上面发布的代码应该正确显示数据，如果只有数据存在的话。捕捉到了错误。现在效果很好。谢谢！
{Object.values(bullets || {}).map((bullet, i) => (
   <p key={i}>{bullet}</p>
))}