前端 - 如何在React的组件中让一个数组的元素作为子组件填入呢？
请问下，各位老师有遇到过这样的需求吗？
让数组元素作为子组件。
// 引入其他小组件import OpenedTools from '../SidebarComp/OpenedTools'import Search from '../SidebarComp/Search'const compList = [ OpenedTools, Search, ...]// 创建组件 const activityIndex = 1return ( <div> // 这里我想要基于activityIndex 从compList中选出对应的小组件 </div>)共有1个答案
组件是动态的呗？就正常写 JSX 就好了：
const ActivityComp = compList[activityIndex];return ( <div> <ActivityComp /> </div>);只要别 (<compList[activityIndex] />) 这么写就行，JSX 里 Element 不能是一个表达式。
-
我用React构建了3个组件。他们是： 包装器 列表 列表项 如何管理单击的复选框的状态。我想Wrapper知道哪些复选框被选中。
-
问题内容： 因此，单击该按钮后，我可以通过该事件获得该按钮。但是，当我做一个过滤器时，它不会删除所说的按钮。 所以我在构造函数（）中有我的数组： 然后我有功能： 但是，其中仍然包含两个元素。 我想过另一种删除它的方法，那就是使用“键”，但是我似乎找不到任何有关获得键值的东西。 问题答案： 首先，您需要绑定到回调函数的范围。如果要访问用于从合成事件呈现按钮的react对象实例，则可以使用privat
-
问题内容： 对React组件和React元素均测试为true。我将如何具体测试对象是React组件？目前，我正在通过测试进行操作，但我希望有更好的方法。 问题答案： 使用npm安装。在这一点上，没有直接的方法可用来检查其有效性。你在做什么是正确的。
-
问题内容： 我希望能够弄清楚哪些React组件与某个DOM元素相关联。 例如，假设我有一个div，并且正在使用React渲染整个应用程序。div必须由React组件呈现-但是哪一个呢？ 我知道React提供了方法“ getDOMNode ”来获取与React组件相关联的DOM节点，但是我想做相反的事情。 这可能吗？ 问题答案： 没有。 React中的中心概念是您实际上在DOM中没有控件。相反，您的
-
问题内容： 我有两个嵌套在App Component上的CarouselComponent和BannerComponent组件。我想在CarouselComponent中获得BannerComponent中的元素以进行滚动功能。 代码在这里； -– App.js -– BannerComponent.js -– CarouselComponent.js 我想知道在所有情况下如何在React js中
-
嗨！ 类似于：