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

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

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>
    )
}

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

0xD34F, вот это частично сработало, буду пробовать дальше:

function createNavigation(items) {

    return sortItemsInOrder(items).map(item => {
        return (
            <nav>
                <ul>
                    <li>{ item.title }</li>
                </ul>
            </nav>
        )
    })
}

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

0xD34F, из приведённых примеров я узнал что forEach не возвращает массив и не имеет собственного результата, мне нужно юзать map/reduce?

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

0xD34F, что мне нужно знать чтобы грамотно реализовать текущую задачу?

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

0xD34F, я готов сам убиться об вас, покажите как нужно, мне надоело говнокодить

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

Извините за поздний ответ, не сработало, я решил попробовать ещё, вот что у меня сейчас:

function createNavigation(items) {

    let nav;

    sortItemsInOrder(items).forEach((item, i, arr) => {

        nav = (

            <nav>
                <ul>

                    <li>
                        <ul>
                            { sortItemsInOrder(item.children).forEach((item, i, arr) => {
                                return (
                                    <li> { item.title }</li>
                                )
                            }) }
                        </ul>
                        <Link to="/">{ item.title }</Link>
                    </li>

                </ul>
            </nav>
        );

        return nav

    });

    return nav

}

Как по this выводить модальное окно?

Genri_Rus, вы пришли за помощью или права качать? Мы решили вашу задачу, создавайте новый вопрос с конкретной проблемой, а не топчите мозги человеку который дал вам решение. Так много банальщины в одном вопросе это страшно, вы уверены что это ваше?