Search
Search titles only
By:
Search titles only
By:
Log in
Register
Search
Search titles only
By:
Search titles only
By:
Menu
Install the app
Install
Forums
New posts
All threads
Latest threads
New posts
Trending threads
Trending
Search forums
What's new
New posts
New ads
New profile posts
Latest activity
Free Ads
Latest reviews
Search ads
Members
Current visitors
New profile posts
Search profile posts
Contact us
Latest ads
Bodim.lk out now !
Manoj Suranga Bandara
Updated:
Today at 3:05 AM
Power Lifting Lever Belt
SkullVamp
Updated:
Jun 13, 2026
Ad icon
port.lk Domain for sale
Lankan-Tech
Updated:
Jun 13, 2026
Colombo
Kaduwela - Two Storey House for Sale
dilrasan
Updated:
Jun 11, 2026
Ad icon
Wechat qr verification
Pawan2005
Updated:
Jun 11, 2026
Electronics
Vehicles
Property
Search
Reply to thread
Forums
General
ElaKiri Talk!
React Native help
Get the App
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
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>
[QUOTE="MCGSLG, post: 22808350, member: 369828"] [SIZE="6"]Saralawa [B][I]props[/I][/B] kiyanne component ekakata eyage calling component eken labena dewal. [B][I]state[/I][/B] kiyanne component eka sathuwa danata tiyena dewal. apita props wenas karanna baa namuth state eke tiyena ewa wenas karanna puluwan. Example ekak kiwwoth Parent.js[/SIZE] [SIZE="4"][CODE] render(){ return ( <div> <Child sirName="Snow" /> <div> ) } [/CODE][/SIZE] [SIZE="6"]Child.js [/SIZE] [SIZE="4"][CODE] constructor(){ this.state = { firstName : Jon } } render(){ return ( <h1>First Name : {this.state.firstName} <br /> Second Name : { this.props.sirName} <h1> ) } [/CODE][/SIZE] [CODE][SIZE="5"] First Name : Jon Second Name : Snow [/SIZE][/CODE] [SIZE="5"]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. 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.[/SIZE] [/QUOTE]
Insert quotes…
Verification
Dahaya deken beduwama keeyada?
Post reply
Top
Bottom