Как создать вид дерева категорий, используя laravel и реагировать js

Question

У меня есть вопрос, касающийся представления дерева категорий, я прочитал один из руководств в ITSOLUTION , они используют laravel для создания представления дерева. вопрос в том, как я могу преобразовать древовидное представление, используя laravel и реагировать js в форме (SPA).

Прямо сейчас на моей стороне я уже отображаю родительскую категорию, однако я не знаю, как я могу вставить дочерние элементы в указанный c родительский элемент дочерних элементов.

Так что в этом уроке они имеют 2 вида лезвия

1. categoryTreeview.blade. php
2. manageChild.blade. php

Внутри первого представления у них есть цикл для отображения родителя и вызова второго блэйд-представления для l oop

<ul id="tree1">
     @foreach($categories as $category)
        <li>
           {{ $category->title }}
        @if(count($category->childs))
             @include('manageChild',['childs' => $category->childs])
        @endif
        </li>
     @endforeach
</ul>

Второго представления, который является manageChild.blade. php, они также имеют looping

<ul>
@foreach($childs as $child)
    <li>
        {{ $child->title }}
    @if(count($child->childs))
            @include('manageChild',['childs' => $child->childs])
        @endif
    </li>
@endforeach
</ul>

Здесь, со своей стороны, я просто хочу поделиться с вами, ребята, моим примером и кодами, которые я уже создал. который является выводом только родителя. главная проблема моего вопроса заключается в том, как я могу вставить детей внутрь на указанную c parent.

Вот мой вывод:

JSX:

<ul id="tree1">
     {
       this.state.categories.map(function(item,i){
          return (
              <li>{item.cat_name}</li>

          )

        })
     }
 </ul>

Контроллер:

    public function treeviewSetup() {

    $categories = DB::select('SELECT cat_name,sasc_id,parent_category_id FROM super_admin_set_category WHERE parent_category_id = ? ',['0']);
    $allCategories = DB::select('SELECT sasc_id,cat_name,parent_category_id FROM super_admin_set_category');

    return response()->json(['category_set_up' => compact('categories','allCategories')], 200);


}

Таблица базы данных:

Ответ: