Коллеги, а такой вопрос: насколько правильно пробрaсывать сеттеры cтейта c

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

попытаюсь обьяснить свой пример

есть страница статистки , '/stats'
там рисуется таблица юзверей
при клике на row , я перехожу на страницу юзера '/stats/:id"'

так вот хочу сделать навигацию статическо-динамическую

по сути такая же что и на роуте "./stats" , только + какуето вёртску ещё, не важно там, пару дивчиков добавить когда мы на роут юзера заходим "/stats/:id"


<nav> // dynamic-static

<main>
//content dynamic
<main>

<footer /> //static


пока кривовато

<Nav>
{
childPath === location.pathname? (openModal) => {
return <React.Fragment>
<Link to="/stats">User Statistics</Link>
<div></div>
{`${selectedUser.first_name} ${selectedUser.last_name}`}
<button

>
change
</button>
</React.Fragment>
}
: null
}

</Nav>


const Nav = (props)=>{
return (
<nav>
<Link to="/">Main page</Link> <div></div>
{props.children && props.children() || <span> User Statistics </span>}
</nav>
)
};

Коллеги, а такой вопрос: насколько правильно пробрaсывать сеттеры cтейта c дочернего компонента к родительскому? или это в корне не правильно? Советуемый реактом подход , особенно без стейт менеджера

ну я пытался типо сделать 1 навигацию +- одинаковую на 2 компонента с помощью props.children реализовать но как в навигацию банально прокинуть какието функции с дочернего? например [ modal, setModal] = useState(false) есть у роута './stats/: id' //User.js - component ну, а навигация на компонент выше по роуту '/stats' (//Stats.js) и мне нужно в эту навигацию прокинуть этот самый setModal я скидывал коллбеки в дочерний и с них привозил наверх setModal, но это абра-кадабра видимо, оно хоть работает , но чёт невнятное // проще видать 2 навигации каждому компоненту напилить чем вот что получаеться

Вы подошли к моменту эволюции фронтенда когда притянули стейт менеджеры)

Если состояние modal тебе нужно в родителе, значит оно должно быть в родителе

спаисбо ) лайк! но вообще я был удивлён , что всё таки можно сделать это наоборот с дочернего наверх а вообще часто используете props.children в комм проектах? ну например у вас есть компонент <Menu> , а на другой странице или роуте такое же меню только там ещё + вёртска к этому меню ну например дополнительный пункт не суть важно

Немного потерял контекст в вопросе о чилдренах но подозреваю что о вы о паттерне "слот"