You need to sign in to do that
Don't have an account?
Siddhant Singh 5
Refactor Components and Communicate with Events.
Error: The campingList component appears to be using UI Components instead of Base Lightning Components in the form. You should be using only Base Lightning Components.
Here's my component code, please let me know if you need anything else.
<aura:component controller="CampingListController"> <aura:handler name="init" action="{!c.doInit}" value="{!this}"/> <aura:handler name="addItem" event="c:addItemEvent" action="{!c.handleAddItem }"/> <aura:attribute name="items" type="Camping_Item__c[]"/> <ol> <li>Bug Spray</li> <li>Bear Repellant</li> <li>Goat Food</li> </ol> <!-- NEW ITEM FORM --> <div class="slds-col slds-col--padded slds-p-top--large"> <c:campingListForm /> </div> <!-- / NEW ITEM FORM --> <div class="slds-card slds-p-top--medium"> <header class="slds-card__header"> <h3 class="slds-text-heading--small">Items</h3> </header> <section class="slds-card__body"> <div id="list" class="row"> <aura:iteration items="{!v.items}" var="items"> <c:campingListItem item="{!item}"/> </aura:iteration> </div> </section> </div> </aura:component>
trailhead challege not completed (Aura Components)
Refactor Components and Communicate with Events.
Error: The campingList component appears to be using UI Components instead of Base Lightning Components in the form. You should be using only Base Lightning Components.
Here's my component code, please let me know if you need anything else.
<aura:component controller="CampingListController"> <aura:handler name="init" action="{!c.doInit}" value="{!this}"/> <aura:handler name="addItem" event="c:addItemEvent" action="{!c.handleAddItem }"/> <aura:attribute name="items" type="Camping_Item__c[]"/> <ol> <li>Bug Spray</li> <li>Bear Repellant</li> <li>Goat Food</li> </ol> <!-- NEW ITEM FORM --> <div class="slds-col slds-col--padded slds-p-top--large"> <c:campingListForm /> </div> <!-- / NEW ITEM FORM --> <div class="slds-card slds-p-top--medium"> <header class="slds-card__header"> <h3 class="slds-text-heading--small">Items</h3> </header> <section class="slds-card__body"> <div id="list" class="row"> <aura:iteration items="{!v.items}" var="items"> <c:campingListItem item="{!item}"/> </aura:iteration> </div> </section> </div> </aura:component>
Greetings to you!
Please refer to the below link which might help you further with the above issue. Check the last answer on below thread.
https://developer.salesforce.com/forums/?id=9060G0000005cM1QAI
I hope it helps you.
Kindly let me know if it helps you and close your query by marking it as solved so that it can help others in the future. It will help to keep this community clean.
Thanks and Regards,
Khan Anas
Please refer to these links to complete the challenge.
https://github.com/Mulodo-Salesforce-Training/trailhead-salesforce-challenge/blob/master/1_LightningConnectComponents.md
https://developer.salesforce.com/forums/?id=906F0000000kDPpIAM
http://faizanaz90.blogspot.com/2017/12/lightning-components-basics-connect.html
I hope you find the above solution helpful. If it does, please mark as Best Answer to help others too.
Thanks and Regards,
Deepali Kulshrestha