Styjun

How to detect a failed AES256 decryption programmatically?

What is the evidence on the danger of feeding whole blueberries and grapes to infants and toddlers?

Uploaded homemade mp3 to icloud music library, now "not available in my country or region"

Do predators tend to have vertical slit pupils versus horizontal for prey animals?

Polar contour plot in Mathematica?

What are these protruding elements from SU-27's tail?

Does the Temple of the Gods spell nullify critical hits?

Rotate List by K places

Why do aircraft leave cruising altitude long before landing just to circle?

What happened after the end of the Truman Show?

What Linux Kernel runs Ubuntu 18.04.3 LTS

Earliest evidence of objects intended for future archaeologists?

Why do balloons get cold when they deflate?

Are unaudited server logs admissible in a court of law?

Show two plots together: a two dimensional curve tangent to the maxima of a three dimensional plot

Starships without computers?

How can I train a replacement without them knowing?

Which basis does the wavefunction collapse to?

Eric Andre had a dream

What is bodily formation? Does it refer to the breath or the body?

What can I do to keep a threaded bolt from falling out of it’s slot

Is it alright to say good afternoon Sirs and Madams in a panel interview?

Have made several mistakes during the course of my PhD. Can't help but feel resentment. Can I get some advice about how to move forward?

Sinc interpolation in spatial domain

Get data from object using FireBase

How to store and view images on firebase?Get users by name property using FirebaseWhat's the best way of structuring data on firebase?Query based on multiple where clauses in FirebaseIs it safe to expose Firebase apiKey to the public?Get user object properties from Firebase in ReactHow to get index when looping over object in JSX?Close open info window on individual markers 'react-google-maps'How to update an element in ArrayList without knowing index in Android with Firebase Realtime Database?React Hooks in combination with Firebase data not showing on page load

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

2

2

Currently i have an object from the FireBase database. Like so:

I want to render this data using React for now i have:

return (
 <React.Fragment>
 <StyledMain role="main">
 <Layout currentUser=currentUser>
 <ListCards currentUser=currentUser />
 data.map((item, index) => (
 <Card id=Object.keys(item).toString() key="c" type="chats">
 <CardContent scrollbar=false>
 <Grid columns=`$rem(300) 1fr` scrollbar=false>
 Object.keys(item).map(function(key, index) 
 <Text text=item[key]['type'].toString() />;
 )
 </Grid>
 </CardContent>
 </Card>
 ))
 </Layout>
 </StyledMain>
 </React.Fragment>
);

Having data containing the firebase Widgets object.
My goal is to render Card where the id is erf4553o459g4 and the Text component will render lists
What is the best approach to accomplish this? Two map functions sounds a bit unnecessary.

The function to get the data from FireBase:

const getSingleRefFunction = (ref, callback) => 
 const dataArray = [];

 ref.once('value', snap => 
 dataArray.push(snap.val());
 callback(dataArray);
 );
;

reactjs firebase firebase-realtime-database react-hooks

share|improve this question

asked Mar 27 at 13:49

Ronald ZwiersRonald Zwiers

22711 gold badge22 silver badges1616 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  if you got nested lists which you want to render, a nested map sounds like the way to go. you may abstract the second map inside a nested component but it will remain a nested map loop either way of course
  
  – Sagiv b.g
  Mar 27 at 14:01
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Could you please show an example of the resulting data array that you call .map on?
  
  – GProst
  Mar 27 at 23:54
  

  
  
  
  

add a comment | 

2

2

Currently i have an object from the FireBase database. Like so:

I want to render this data using React for now i have:

return (
 <React.Fragment>
 <StyledMain role="main">
 <Layout currentUser=currentUser>
 <ListCards currentUser=currentUser />
 data.map((item, index) => (
 <Card id=Object.keys(item).toString() key="c" type="chats">
 <CardContent scrollbar=false>
 <Grid columns=`$rem(300) 1fr` scrollbar=false>
 Object.keys(item).map(function(key, index) 
 <Text text=item[key]['type'].toString() />;
 )
 </Grid>
 </CardContent>
 </Card>
 ))
 </Layout>
 </StyledMain>
 </React.Fragment>
);

Having data containing the firebase Widgets object.
My goal is to render Card where the id is erf4553o459g4 and the Text component will render lists
What is the best approach to accomplish this? Two map functions sounds a bit unnecessary.

The function to get the data from FireBase:

const getSingleRefFunction = (ref, callback) => 
 const dataArray = [];

 ref.once('value', snap => 
 dataArray.push(snap.val());
 callback(dataArray);
 );
;

reactjs firebase firebase-realtime-database react-hooks

share|improve this question

asked Mar 27 at 13:49

Ronald ZwiersRonald Zwiers

22711 gold badge22 silver badges1616 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  if you got nested lists which you want to render, a nested map sounds like the way to go. you may abstract the second map inside a nested component but it will remain a nested map loop either way of course
  
  – Sagiv b.g
  Mar 27 at 14:01
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Could you please show an example of the resulting data array that you call .map on?
  
  – GProst
  Mar 27 at 23:54
  

  
  
  
  

add a comment | 

Currently i have an object from the FireBase database. Like so:

I want to render this data using React for now i have:

return (
 <React.Fragment>
 <StyledMain role="main">
 <Layout currentUser=currentUser>
 <ListCards currentUser=currentUser />
 data.map((item, index) => (
 <Card id=Object.keys(item).toString() key="c" type="chats">
 <CardContent scrollbar=false>
 <Grid columns=`$rem(300) 1fr` scrollbar=false>
 Object.keys(item).map(function(key, index) 
 <Text text=item[key]['type'].toString() />;
 )
 </Grid>
 </CardContent>
 </Card>
 ))
 </Layout>
 </StyledMain>
 </React.Fragment>
);

Having data containing the firebase Widgets object.
My goal is to render Card where the id is erf4553o459g4 and the Text component will render lists
What is the best approach to accomplish this? Two map functions sounds a bit unnecessary.

The function to get the data from FireBase:

const getSingleRefFunction = (ref, callback) => 
 const dataArray = [];

 ref.once('value', snap => 
 dataArray.push(snap.val());
 callback(dataArray);
 );
;

reactjs firebase firebase-realtime-database react-hooks

share|improve this question

asked Mar 27 at 13:49

Ronald ZwiersRonald Zwiers

22711 gold badge22 silver badges1616 bronze badges

return (
 <React.Fragment>
 <StyledMain role="main">
 <Layout currentUser=currentUser>
 <ListCards currentUser=currentUser />
 data.map((item, index) => (
 <Card id=Object.keys(item).toString() key="c" type="chats">
 <CardContent scrollbar=false>
 <Grid columns=`$rem(300) 1fr` scrollbar=false>
 Object.keys(item).map(function(key, index) 
 <Text text=item[key]['type'].toString() />;
 )
 </Grid>
 </CardContent>
 </Card>
 ))
 </Layout>
 </StyledMain>
 </React.Fragment>
);

const getSingleRefFunction = (ref, callback) => 
 const dataArray = [];

 ref.once('value', snap => 
 dataArray.push(snap.val());
 callback(dataArray);
 );
;

share|improve this question

asked Mar 27 at 13:49

Ronald ZwiersRonald Zwiers

22711 gold badge22 silver badges1616 bronze badges

share|improve this question

asked Mar 27 at 13:49

Ronald ZwiersRonald Zwiers

22711 gold badge22 silver badges1616 bronze badges

asked Mar 27 at 13:49

Ronald ZwiersRonald Zwiers

22711 gold badge22 silver badges1616 bronze badges

asked Mar 27 at 13:49

Ronald ZwiersRonald Zwiers

22711 gold badge22 silver badges1616 bronze badges