Далі перейдеш на нову сторінку і там вже з пропсів роутера дістанеш id

ну я пока локальным стейтом ограничился

отсюда все передается

Дивився?

https://reactrouter.com/web/example/url-params

не, но спасибо) щас гляну

Прошу) мало би стати ясніше

Как относитесь к такой структуре проекта при styled components?

1. Любой файл, где находится компонент для экспорта, имеет окончание .jsx, что указывает на наличие разметки.
2. Любой скрипт/стили будут иметь название принадлежности к модулю и иметь расширение .js

Как результат, в папке будет index.jsx с самим компонентом, и ComponentName.js с его стилями.

Все эти издержки ради красивой и понятной разметки классов в devtools, так как styled components берет название файла+название компонента для формирования класса.
Это в разы облегчает дебаг, к примеру

Что скажете?

слишком много лишней работы ради большей сложности структуры и никаких бенефитов

Привіт, як можна закешувати такий кобек, щоб кожного разу в пропс не потрапляла нова функція?

const handleChange = useCallback(
    (onChange) => (e) => {
        onChange(e);
    },
    []
);

onChange={handleChange(inputProps.onChange)}

“Все эти издержки ради красивой и понятной разметки классов в devtools” - а какой от этого толк?

это переизобретение бем гайдлайнов под стайдлед компоненты

const handleChange = useCallback(
    (onChange) => (e) => {
        onChange(e);
    },
    []
);

onChange={handleChange(inputProps.onChange)}

может просто сделать так чтобы inputProps.onChange уже приходил мемоизированный? типа, пусть этой проблемой родитель страдает

function useRefCallback(cb) {
let ref = useRef(null)
ref.current = cb
const mcb = useCallback(()=>{
ref.current.?()
}, [])
return mcb;
}

він приходить нормальний. проблема в рендерер пропс. Таку фігну городиш коли рендер пропс, і із компонента в чайлдах приходить цей он чендж (формік)

бенефит - адекватные классы по которым можно сразу понять где компонент и к чему он относится

по умолчанию styled делает классы по типу "sdfg43", это нереальный дебаг

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

если откроешь дев тулзы реакта, то там есть кнопка посмотреть сорс код