javascript - map() 返回不在反应组件中呈现
问题描述
我正在尝试使用 JSON 数据映射在第二次渲染中渲染数据。我必须查看两个对象才能找到匹配项product_ids
我在这里做错了什么?
{
this.props.productGroups.map((productGroup) => {
return (
<TabContainer key={productGroup.id}>
<h3>{productGroup.title}</h3>
{
productGroup.product_ids.map((productId) => {
this.props.products.map((product) => {
if (product.id == productId) {
return (
<div>
test
</div>
)
} else {
console.log('miss')
}
})
})
}
</TabContainer>
)
})
}
在旁注中,我知道这是回调地狱,只是不确定重构它的最佳方式。
解决方案
您的第一个 .map() 之前缺少返回this.props....
return this.props.products.map((product) => {
推荐阅读
- imagemagick - 复合、溶解功能在 AWS Lambda 上无法正常工作
- ios - 移动到另一个页面时,UITableview 滚动到索引位置的顶部
- c# - C#字符串转换为lamda表达式
- sql - 验证 ID 通过所有先前的阶段
- python - Django rest框架:将字符串反序列化为整数,反之亦然
- swift - Int 和 Unwrapped Int 的区别
- swift - 在哪里放置更新核心数据功能(swift)
- excel - 如何在 Laravel 和 maatwebsite 3.0 中使用搜索值从视图中导出数据
- r - 如何使用 R 中的 data.table 构建更改表?
- testng - 使用 testng xml 并行运行 LeanFT 测试