Sorting an array by the children attribute in react

Question

in my app, I have a map of an array that returns a div with a data-date attribute like so:

Note I cannot sort the array here as I don't have any dates to compare them with, only the ID of the element


const mappedArray = array.map(el=>{
  return (
   <DivComponent el={el} />
  )
})

Inside the DivComponent, I make a fetch to firebase where I get the info of each div along with a timestamp

const DivComponent = (props) => {
 const info = useGetInfo(props.el.id) 
 return (
  <div data-data={info.date.toDate()}>Some content</div>
 )
}

Given these conditions, is it possible to sort the array above given that each children have an assigned date ?

Jordan Ravelino · Accepted Answer · 2022-04-08 03:43:43Z

1

is it okay to change the props on DivComponent and move the useGetInfo outside?

const mappedArray = array.map(el=>useGetInfo(el.id))
.sort((info1,info2)=>info1.date.toDate()>info2.date.toDate()?1:-1)
.map(info=>{
 return (
    <DivComponent info={info} />
  )
})

answered Apr 8, 2022 at 3:43

Jordan Ravelino

565 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Sorting an array by the children attribute in react

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related