Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在ReactJS中呈现无限多的项目手风琴风格?_Javascript_Reactjs_React Native - Fatal编程技术网

Javascript 在ReactJS中呈现无限多的项目手风琴风格?

Javascript 在ReactJS中呈现无限多的项目手风琴风格?,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我了解如何在React JS中呈现手风琴/可折叠元素,甚至了解如何在一个页面上进行多次渲染。但是,我所看到的所有方法都不能解释您试图在自己的节标题下呈现未知数量的项的情况 例如,要呈现这些项目的节标题,我知道要执行以下操作: {content.stuff.map(thing=>{thing[0]})} 其中stuff是一个列表列表,其中内部列表有已知数量的元素,但不知道有多少个内部列表 要呈现其余的信息,我知道要将其锁定在以下内容后面: {showItem&&content.stuff.map(

我了解如何在React JS中呈现手风琴/可折叠元素,甚至了解如何在一个页面上进行多次渲染。但是,我所看到的所有方法都不能解释您试图在自己的节标题下呈现未知数量的项的情况

例如,要呈现这些项目的节标题,我知道要执行以下操作:

{content.stuff.map(thing=>{thing[0]})}

其中stuff是一个列表列表,其中内部列表有已知数量的元素,但不知道有多少个内部列表

要呈现其余的信息,我知道要将其锁定在以下内容后面:

{showItem&&content.stuff.map(thing=>{thing}}

一切以我的回报()

显然,这种方法将同时扩展所有这些功能。虽然我理解教程中提到的如何使用标签渲染2、3等手风琴部分,但我并不认为这有多适合我的情况。它们总是涉及到为可折叠内容的每个部分指定一些唯一性指标,如果您不知道将有多少部分,这是不可能的

有什么建议吗


谢谢。

能否在上下文中显示代码:提供一个呈现代码的函数?还有,你从哪里得到这些章节?我不确定我是否理解你所说的无限是什么意思。。。你的意思是你永远不知道有多少部分给了你?不幸的是,我不知道我能不能。这是一个伪实习,我甚至不应该分享代码。从本质上讲,有一个数据库,其中有许多机构可以匹配一个用户,我无法确切地知道一个给定的用户将匹配多少。我想显示机构名称作为一个可折叠的按钮,并有下面列出的机构信息。