Sorting a list in React

Question

I am practicing with React and sorting lists. Now I have an array with object, a value of an object is' isDeleted 'by default it is 0, if the user deletes the item this is 1. All values are' mapped 'in a list, it is possible to change the objects with' isDeleted === 1 'from this list. currently this is my code for rendering the list:

      {
        this.state.questions.sort(function(a, b) { return a.isDeleted-b.isDeleted;}).map((question, i) => (
            <li key={i}><span className="question-list">{question.vraag}</span>  <span className="see-list-delete"><a onClick={() => this.deleteQuestion(question.key,i)}><i class="far fa-trash-alt"></i></a></span> <span className="see-list-edit"><a href="#"><i class="far fa-edit"></i></a></span></li>
        ))
      }

An object in the array has the following structure:

{id: state.id, setname: state.setname, categoryName: state.categoryName, vraag: state.vraag, key: state.key, isDeleted: state.isDeleted}

So if isDeleted 1is it should not be visible in the map

have a look at array.filter()

thammada.ts
– thammada.ts

2020-05-19 09:11:39 +00:00
Commented May 19, 2020 at 9:11 — thammada.ts
– thammada.ts, Commented May 19, 2020 at 9:11

Dennis · Accepted Answer · 2020-05-19 09:12:29Z

1

You can just filter it:

this.state.questions.filter( x => !x.isDeleted).sort....

You can read more about filter here

answered May 19, 2020 at 9:12

Dennis

9494 gold badges16 silver badges32 bronze badges

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

1 Comment

Joppe Meijers Over a year ago

Thank you very much for the quick response! This has helped enormously

Collectives™ on Stack Overflow

Sorting a list 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