Sort wordpress comment list to get tree view in ES6

Wordpress is a great CMS, but I had to struggle to sort the comments in a tree-like order. Thanks to Kobe on stackoverflow for the awesome ES6 sorting feature

We have an array as input

We transform it using the function:

  var comments = this.props.data.COMMENTS;

comments = comments.sort ((a, b) => b.comment_parent - a.comment_parent);

const sortComments = (comments) => {
var temp = [... comments];

comments.forEach ((o, index) => {
if (temp [0] .comment_parent === 0) {return;}
var parentIndex = temp.findIndex (o => o.comment_ID === temp [0] .comment_parent);

if (typeof temp [parentIndex]! = "undefined") {
temp [parentIndex] .children? temp [parentIndex] .children.push (temp [0]): temp [parentIndex] .children = [temp [0]];
temp.shift ();
}


});

return temp;
}  

And we get the output:

To display comments recursively, you can use example 0xD34F with qna.habr.com

Repost material:

• How to rearrange WordPress REST API comments?

Теги:

Author

Aleksandr Tichiy

Fullstack developer · 1C-Bitrix

I build and modernize online stores and corporate portals on 1C-Bitrix. Integrations with 1C, high-load performance, 152-FZ compliance. Writing about architecture and e-commerce.

Call Email Telegram Max