Latest ads

AWS Certified Solutions Architect-Associate + AWS Certified Cloud Practitioner
- Sanjeewani95
- Updated: Aug 19, 2026
🚀 එක පැකේජ් එකයි - මාසෙටම Unlimited Internet! 🌐
- sayuru bandara
- Updated: Aug 18, 2026
🎬 CapCut Pro 1 Month Access! LKR 600
- sayuru bandara
- Updated: Aug 18, 2026
🚀 Google One AI PRO Plan (Gemini Pro Activation) – 18 Months Access! LKR 2200
- sayuru bandara
- Updated: Aug 18, 2026
Canva Pro Lifetime Own Mail Activation LKR 500
- sayuru bandara
- Updated: Aug 18, 2026

Reply to thread

Message: <blockquote data-quote="MCGSLG" data-source="post: 22808350" data-attributes="member: 369828"><p><span style="font-size: 22px">Saralawa <strong><em>props</em></strong> kiyanne component ekakata eyage calling component eken labena dewal.</span></p><p><span style="font-size: 22px"></span></p><p><span style="font-size: 22px"><strong><em>state</em></strong> kiyanne component eka sathuwa danata tiyena dewal.</span></p><p><span style="font-size: 22px"></span></p><p><span style="font-size: 22px">apita props wenas karanna baa namuth state eke tiyena ewa wenas karanna puluwan.</span></p><p><span style="font-size: 22px"></span></p><p><span style="font-size: 22px">Example ekak kiwwoth</span></p><p><span style="font-size: 22px"></span></p><p><span style="font-size: 22px">Parent.js</span></p><p></p><p><span style="font-size: 15px">[CODE]</span></p><p><span style="font-size: 15px">render(){</span></p><p><span style="font-size: 15px">    return (</span></p><p><span style="font-size: 15px">                  <div></span></p><p><span style="font-size: 15px">                        <Child sirName="Snow" /></span></p><p><span style="font-size: 15px">                  <div></span></p><p><span style="font-size: 15px">               )</span></p><p><span style="font-size: 15px">}</span></p><p><span style="font-size: 15px">[/CODE]</span></p><p></p><p><span style="font-size: 22px">Child.js</span></p><p><span style="font-size: 22px"></span></p><p><span style="font-size: 15px">[CODE]</span></p><p><span style="font-size: 15px">constructor(){</span></p><p><span style="font-size: 15px">    this.state = { </span></p><p><span style="font-size: 15px">             firstName : Jon</span></p><p><span style="font-size: 15px">    }</span></p><p><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">}</span></p><p><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">render(){</span></p><p><span style="font-size: 15px">    return (</span></p><p><span style="font-size: 15px">                  <h1>First Name : {this.state.firstName}  <br /></span></p><p><span style="font-size: 15px">                          Second Name : { this.props.sirName}  <h1></span></p><p><span style="font-size: 15px">               )</span></p><p><span style="font-size: 15px">}</span></p><p><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">[/CODE]</span></p><p></p><p>[CODE][SIZE="5"]</p><p>First Name : Jon</p><p>Second Name :  Snow </p><p>[/SIZE][/CODE]</p><p><span style="font-size: 18px">Uda tiyena code eke Parent component eken Child component ekata call karanawa. Ethakota Parent component eken yawanawa data widiyata sirName kiyala attribute ekak Child component ekata. Eee wage ona ekak yawanna puluwan. Function ekak unath reference ekak widiyata eelaga component ekakakta yawanna puluwan.</span></p><p><span style="font-size: 18px"></span></p><p><span style="font-size: 18px">Dan child component eka create wenakotama eyage props hatiyata ara sirName kiyana eka eyata tiyenawa. Thawa eyage state eke data widiyata FirstName kiyana eka tiyenawa. Mewa component eka athule ona thanakadi apita this.state hari this.props hari widiyata ganna puluwan. this.setState walin apita firstName kiyana eka wenas karannath puluwan.</span></p></blockquote><p></p>

Verification: Winadiyakata thappara keeyak tibeda?

Top Bottom