мап отрисовал каждый объект, путей там на было, поэтому делал pathname из из ключа Имя (сорре что так подробно расписываю)
<List>
{data.map((data) => (
<Link
to={{
pathname: `/${data.name
.replace(/[\. &',:-]+/g, '-')
.toLowerCase()}`,
state: data,
}}
style={{ textDecoration: 'none', color: 'unset' }}
key={data.id}
>
<ListItem button>
<ListItemText primary={data.name} />
</ListItem>
</Link>
))}
</List>
этот список у меня находится в сайдбаре. хочу сделать так, чтобы при клике на ссылку отрисовывался компонент с данным объектом сбоку от сайдбара. подскажите, пожалуйста, понять, как это сделать? я так подозреваю, что в дочерний компонент как то передавать параметром айдишник из массива и уже внутри компонента фильтровать объекты из массива?
и я так понимаю, что роутинг будет работать только по клику, а если в ручную в адресную строку вбить имя какого то объекта, то ничего не поменяется?
второй день уже мучаюсь
сможете подсказать?
Обсуждают сегодня