Антон Иванов

Используйте хук useSelector

Пропсы вверх по DOM дереву не меняются. Чтобы реализовать схожий функционал, вам нужно воспользоваться контекстом (useState, useContext). В верхнем компоненте объявляете стейт (state, setState), в нижние компоненты через Context.Provider передаете этот стейт (state, setState). В нижних компонентах используете useContext для получения стейта сверху. Теперь чтобы изменить стейт верхнего компонента у вас есть setState из контекста. Надеюсь понятно объяснил.

Как состоянию (state) узнать, что значение инпута изменилось? То что пользователь изменил текст в инпуте - видит только пользователь. Даже в нативном JS вы вешаете на инпут обработчик события, что отслеживать изменения значения.

У нас CSS Modules
https://create-react-app.dev/docs/adding-a-css-mod...

Подозреваю, вы спрашиваете про это:
<a href={`/posts/${id}`}>{title}</a>
Читаем про шаблонные строки

Вы можете в урл писать некий уникальный идентификатор сортировки, а сами параметры сортировки хранить в БД. тогда урл не будет разрастаться с увеличением параметров сортировки.