Question

我正在尝试实现一个闪电组件，该组件递归调用自己以生成具有填充地图属性的树层次结构，该属性类似于 Map<Integer,Map<Id,List<Object>>>是第一个键树的级别，第二个键检索到的对象列表的父对象。

我的问题是：是否可以创建一个类似于此示例的组件？

CustomLightningComponent

<aura:component>
    <aura:attribute name="mapObject" type="map"/>
    <aura:attribute name="level" type="integer"/>
    <aura:attribute name="parentId" type="string"/>
    <aura:attribute name="listObject" type="list"/>

    <aura:iteration items="listObject" var="obj">
        <p>{!obj.Name}</p>
        <c:CustomLightningComponent mapObject="{!mapObject}" level="{!v.level}" parentId="{!obj.Id}"/>
    </aura:iteration>
</aura:component>

CustomLightningComponentController

({
    doInit: function(component, event, helper) {
         var map = component.get("v.mapObject");
         var level = component.get("v.level");
         var parentId = component.get("v.parentId");

         var listObjects = map[level][parentId];
         //To iterate over next level
         component.set("v.level", level++);
         //Set list
         component.set("v.listObject", listObjects);
    }
})

该代码非常简单，仅举一个我想实现的示例。

这有可能吗？递归调用相同的闪电组件？

Answer 1

是的，可以使用aura：iteration标签遍历子组件。但是，您创建的地图看起来非常复杂，闪电无法提供对地图及其内容的便捷访问。您可以在javascript（helper）中创建JSON对象来代替复杂的地图，这肯定会降低复杂性。

呼叫同一雷电组件内部的雷电组件

1 个答案: