在一个反应组件中呈现多个数组的和。
在一个反应组件中呈现多个数组的和。
提问于 2022-04-28 14:00:13
const App = () => {
const course = [{
id: 1,
name: 'Half Stack application development',
parts: [
{
name: 'Fundamentals of React',
exercises: 10,
id: 1
},
{
name: 'Using props to pass data',
exercises: 7,
id: 2
},
{
name: 'State of a component',
exercises: 14,
id: 3
}
]
},
{
name: 'Node.js',
id: 2,
parts: [
{
name: 'Routing',
exercises: 3,
id: 1
},
{
name: 'Middlewares',
exercises: 7,
id: 2
}
]
}
]我正在尝试呈现如下所示的组件：
- 半栈应用程序开发的基本原理: 10使用道具传递数据:7状态的一个组件: 14次总练习: 31次Node.js路由:3次中间件:7次总练习:10次
使用以下组件：
连续=({路径}) => {
return(
<ul>
{course.map(c => (
<>
<li>{c.name}</li>
<ul>
{c.parts.map(p =>
<li>{p.name}: {p.exercises} {p.exercises.reduce((sum, item) => sum += item, 0))(</li>)}
</ul>
</>
))}
</ul>
)}
但是，组件不会呈现，因为它说p.exercises.reduce不是一个函数。
在每个部分之后，我如何呈现总练习量？
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-04-28 14:07:37
您将无法减少一个数字(练习是一个数字而不是数组)，因此您可能不得不将呈现改为如下(如果我理解您想要做的是正确的话)：
return(
<ul>
{course.map(c => (
<>
<li>{c.name}</li>
<ul>
{c.parts.map(p =>
<li>{p.name}: {p.exercises} {c.parts.reduce((sum, item) => sum += item.exercises, 0))(</li>)}
</ul>
</>
))}
</ul>
)如果这有用的话请告诉我！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72045057
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号