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

Question

[historydev]

Доброй ночи. Скажите пожалуйста от чего может зависать приложение в этом коде?

Не работает

UPDATE:

export default function TopBar() {
    return (
        <Router>

            <SelectNavigation />

        </Router>
    )
}

function SelectNavigation() {

    // if (window.innerWidth > 900) {
    //
         return (
            <nav className='nav-computer'>
                <Navigation items={navigationItems}/>
                <div className="logo">
                    <Link to='/'>
                        <div className="first-child">{logo.firstChild}</div>
                        <div className="last-child">{logo.lastChild}</div>
                    </Link>
                </div>
            </nav>
        )
}

Comments

[Yustas Alexu]

Прикрутите ESLint с конфигом airbnb, поможет избежать очень много банальных ошибок https://github.com/airbnb/javascript/tree/master/p...

Answer 1

[Шохрух Шаймардонов]

Потому что вы используете стрелочные функции, которые не всплывают в отличие от function. Если поменяете функции местами или стрелочные на function поменяете, будет работать.

Читайте про hoisting в js

Comments

[historydev]

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

[Шохрух Шаймардонов]

Владимир, залейте лучше код в песочницу. так сложно решать

[historydev]

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

[historydev]

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

[historydev]

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

[Шохрух Шаймардонов]

Владимир, не совсем. сроки горят)

[historydev]

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