🔒 Closed Tanong -- REACT JS paano mapasa yung na-fetched na data sa anothe component

[Ze_Ro]

good day po

tanong ko lang po sana kung paano ko po ma papasa yung na-FETCHed na data from 'fetchUserList'

sa 'UserList'..


salamat po

 

[kaphokz]

Tanong muna. Saan nanggaling yung fetchUserList? Kasi if ever pwede mo ilaman sa usestate ng UserList yung fetchUserList na data

 

[Ze_Ro]

Tanong muna. Saan nanggaling yung fetchUserList? Kasi if ever pwede mo ilaman sa usestate ng UserList yung fetchUserList na data

yup gumamit po ako ng usestate [list,setList]

bali dalawa js file po sila .... hiwalay po yung const ,which is yung js file nga na naglalaman ng FETCH ..

bali yung fetchUserList ay hiwalay sa Userlist ...

bali sa Userlist inimport ko sa FetchUserlist .. <FetchUserlist/> yan po .. bali na fetch ko na po ung data nya kasi nag console.log ako nakita ko yung mga files na fetch na ..

ngayon problem ko po is paano ko po sya mapapalabas o mapapasa doon po sa Userlist.js , sa mga table po nito ...

yup gumamit po ako ng usestate [list,setList]

bali dalawa js file po sila .... hiwalay po yung const ,which is yung js file nga na naglalaman ng FETCH ..

bali yung fetchUserList ay hiwalay sa Userlist ...

bali sa Userlist inimport ko sa FetchUserlist .. <FetchUserlist/> yan po .. bali na fetch ko na po ung data nya kasi nag console.log ako nakita ko yung mga files na fetch na ..

ngayon problem ko po is paano ko po sya mapapalabas o mapapasa doon po sa Userlist.js , sa mga table po nito ...

bali parang meron kang isang DRUM NA WALANG LAMAN tapos .. meron kang isang TIMBA na meron LAMAN ... bali ISASALIN MO UNG laman ng timba na tubig(na fetch na data) sa DRUM NA WALANG LAMAN .. ganyan po

 

[FinestWork]

import/export 'yata kailangan mo po

 

[Ze_Ro]

import/export 'yata kailangan mo po

Yes. Pero di ku po magawa.. mag pasa ng value ng na fetch..

Dalawa kasi yung js file..
Bali yung isa is html design and i separated the const, mga fetching..

Bali yung fetching nagaganap sa isang js file..

 

[FinestWork]

Yes. Pero di ku po magawa.. mag pasa ng value ng na fetch..

Dalawa kasi yung js file..
Bali yung isa is html design and i separated the const, mga fetching..

Bali yung fetching nagaganap sa isang js file..

Patingin ng code mo kung paano mo i-structure 'yung fetch part, then paano mo siya cinall doon sa main js mo para ma-update 'yung UI.

 

[Ze_Ro]

Patingin ng code mo kung paano mo i-structure 'yung fetch part, then paano mo siya cinall doon sa main js mo para ma-update 'yung UI.

i was able to get help po in fb .. what he did was ginamitan po nya ng "onSuccess" yung code ko po .. gumana na po sya but sabi po ni helper pangit daw yung ganun na pattern .. .

he said also na 'ONE WAY' lang yung react js--parent to child lang po , hindi pede parent to child tapos child to parent para mapasa yung fetched data sa child papunta ng parent ..

 

[FinestWork]

i was able to get help po in fb .. what he did was ginamitan po nya ng "onSuccess" yung code ko po .. gumana na po sya but sabi po ni helper pangit daw yung ganun na pattern .. .

he said also na 'ONE WAY' lang yung react js--parent to child lang po , hindi pede parent to child tapos child to parent para mapasa yung fetched data sa child papunta ng parent ..

Hindi ko lang po alam sa react js pero kasi sa vue, considered as anti-pattern na pag ang data ay mang-gagaling sa child at ipapasa sa parent, kailangan talaga sa parent muna tapos sa child na ang pag-display at paano i-ha-handle 'yung data. If ever man na may manipulation ng data sa child at kailangan ma-update 'yung siblings or 'yung parent, p'wede mo naman i-broadcast 'yung event, or i-notify 'yung parent component na may-pag-babago sa data at lahat ng components na naka-dipende doon sa data ay kailangan mag-adjust.

 

[Ze_Ro]

Hindi ko lang po alam sa react js pero kasi sa vue, considered as anti-pattern na pag ang data ay mang-gagaling sa child at ipapasa sa parent, kailangan talaga sa parent muna tapos sa child na ang pag-display at paano i-ha-handle 'yung data. If ever man na may manipulation ng data sa child at kailangan ma-update 'yung siblings or 'yung parent, p'wede mo naman i-broadcast 'yung event, or i-notify 'yung parent component na may-pag-babago sa data at lahat ng components na naka-dipende doon sa data ay kailangan mag-adjust.

yes , ndi na nga daw po pattern yung child to parent ....


pero the helper was able to pass the fetched data from child to parent using onSuccess kaya gumana na po kanina .. pinasa nya po yung data from child using 'ONSUCCESS'


sobrang beginner po ako sa react . .i dont even have knowledge sa javascript , on the way ko lang natututo ng javscript sa react js ..

yes , ndi na nga daw po pattern yung child to parent ....


pero the helper was able to pass the fetched data from child to parent using onSuccess kaya gumana na po kanina .. pinasa nya po yung data from child using 'ONSUCCESS'


sobrang beginner po ako sa react . .i dont even have knowledge sa javascript , on the way ko lang natututo ng javscript sa react js ..

pero alam ko na gumawa ng CRUD ,login sa react .. nagets ko napo .. ..

madaming aral pa need para matuto lalo