Почему зависает приложение при использовании этого компонента?

Шохрух Шаймардонов, принял)

Почему игнорируется строчка перезаписи поля объекта?

Aetae, допустим пунктов 15, мне нужно вывести 4 пукта, 5-ым вывести "ещё", а в его последователей превратить урезанные пункты.

Как поправить ошибку в коде ESLint?

Александр Фелисон, это костыль, а не решение, у вас функция инициализирована внутри условия, вынесите её за условие и всё будет прекрасно работать.

Почему игнорируется строчка перезаписи поля объекта?

Ого, тут какой-то треш, он бесконечно создаёт новый объект с собой в children.

Тык

Почему игнорируется строчка перезаписи поля объекта?

Я там опечатку допустил в индексах, элементов 5, а счёт идёт с 0 по индексу, вот, а теперь приложение зависает, вот этот код ломает всё:

function getNavigationTablet(navItems) {

    navItems = navItems.slice(0, 4);

    navItems.push(
        {
            id: 5,
            title: 'ещё',
            children: []
        }
    );

    navItems.find(item => item.id === 5).children = navItems.slice(4, navItems.length);

    return navItems

}

Почему игнорируется строчка перезаписи поля объекта?

У меня пустой этот момент:

navItems.slice(5, navItems.length) = []

Массив в консоли:

(5) [{…}, {…}, {…}, {…}, {…}]
0: {id: 1, title: "Пункт 1", children: Array(1)}
1: {id: 2, title: "Пункт 2", children: Array(1)}
2: {id: 3, title: "Пункт 3", children: Array(1)}
3: {id: 4, title: "Пункт 1", children: Array(1)}
4:
id: 5
title: "ещё"
children: []

Почему игнорируется строчка перезаписи поля объекта?

Весь прикол в том, что даже такая запись выдаёт пустой объект :/

navItems = navItems.slice(0, 4);

    navItems.push(
        {
            id: 5,
            title: 'ещё',
            children: navItems.slice(5, navItems.length)
        }
    );

Почему игнорируется строчка перезаписи поля объекта?

Вот залил, тут ошибка bind click

Почему игнорируется строчка перезаписи поля объекта?

это тоже не сработало

children = navItems.find(item => item.id === 5).children;
children.splice(0, children.length, ...navItems.slice(5, navItems.length))

Возможно проблема в объекте?

import { sortItemsInOrder } from '../help_functions';

export let navigationItems = sortItemsInOrder([
    {
        id: 3,
        title: 'Пункт 3',
        children: [
            {
                id: 3.1,
                title: 'Пункт 1'
            }
        ]
    },
    {
        id: 2,
        title: 'Пункт 2',
        children: [
            {
                id: 2.1,
                title: 'Пункт 1'
            }
        ]
    },
    {
        id: 1,
        title: 'Пункт 1',
        children: [
            {
                id: 1.1,
                title: 'Пункт 1'
            }
        ]
    },
    {
        id: 4,
        title: 'Пункт 1',
        children: [
            {
                id: 4.1,
                title: 'Пункт 1'
            }
        ]
    },
    {
        id: 5,
        title: 'Пункт 1',
        children: [
            {
                id: 5.1,
                title: 'Пункт 1'
            }
        ]
    },
    {
        id: 6,
        title: 'Пункт 1',
        children: [
            {
                id: 6.1,
                title: 'Пункт 1'
            }
        ]
    },
    {
        id: 7,
        title: 'Пункт 1',
        children: [
            {
                id: 7.1,
                title: 'Пункт 1'
            }
        ]
    },
    {
        id: 8,
        title: 'Пункт 1',
        children: [
            {
                id: 8.1,
                title: 'Пункт 1'
            }
        ]
    },
    {
        id: 9,
        title: 'Пункт 1',
        children: [
            {
                id: 9.1,
                title: 'Пункт 1'
            }
        ]
    }
]);

Почему игнорируется строчка перезаписи поля объекта?

false,true,false

Почему игнорируется строчка перезаписи поля объекта?

Сейчас попробую, спасибо.

Почему зависает приложение при использовании этого компонента?

Шохрух Шаймардонов, вы тут?

Почему зависает приложение при использовании этого компонента?

Шохрух Шаймардонов, click

Почему зависает приложение при использовании этого компонента?

Шохрух Шаймардонов, да, сейчас залью

Сервис для рассылки SMS?

Богдан, так используйте другие сервисы) Я скинул вам сервис по описанию.

Почему зависает приложение при использовании этого компонента?

Извините за поздний ответ, нет, не сработало, я тоже думал дело в function, поставил стрелочную 0 толку, сейчас поменял обратно, зависает снова.

Сервис для рассылки SMS?

Богдан, я разрабатывал спамер на его основе для одного чела, скорость отличная, цена достойная, если нет денег, зачем подобное планировать?)

Как построить вложенное меню?

0xD34F, аааа, вот я слепой, спасибо! Собрал всё, подрубил функцию сорта и всё идеально. Спасибо ещё раз!

Как построить вложенное меню?

0xD34F,

const Menu = ({ items }) =>
  items instanceof Array && items.length // Если items == Array и items.length то
    ? <ul> // Создаём список
        {items.map(n => (
          <li key={n.id}> // Создаём li с key n.id (не ясно зачем, первый раз такое вижу)
            <a>{n.title}</a> // Создаём ссылку с текстом n.title
            <Menu items={n.children} /> // Создаём какой-то непонятный компонент Menu с атрибутом items равному n.children
          </li>
        ))}
      </ul>
    : null;

Как построить вложенное меню?

0xD34F, это работает почти идеально, но если children пуст, у меня пустой ul, как от этого избавиться?

function createNavigation(items) {

    return (
        <nav>
            <ul>
                {
                    sortItemsInOrder(items).map(item => {
                        return (

                            <li>

                                <ul>
                                    {
                                        sortItemsInOrder(item.children).map(item => {
                                            return (
                                                <li><Link to='/'>{ item.title }</Link></li>
                                            )
                                        })
                                    }
                                </ul>

                                <Link to='/'>{ item.title }</Link>

                            </li>

                        )
                    })

                }
            </ul>
        </nav>
    )
}