АКЦЫЯ: бясплатныя месячныя курсы па стварэнні сайтаў
на выбар: вёрстка, JavaScript, PHP, Python або фрэймворкі. Сёння апошні дзень для запісу! Націскай!
⊗jsrtPmCpPI 86 of 112 menu

Перадача id у кампанент у React

Вы ўжо ведаеце, што атрыбуты тэга кампанента трапляюць у пропсы. Гэта тычыцца ўсіх атрыбутаў, акрамя атрыбута key, які патрэбны для выкарыстання ў цыклах, вось так:

const items = prods.map(prod => { return <Product key ={prod.id} name={prod.name} cost={prod.cost} />; });

У даным выпадку ў пропсы трапяць атрыбуты name і cost, а key - не трапіць. Нам, аднак, можа спатрэбіцца перадаць id у пропсы кампанента. У гэтым выпадку нам трэба будзе ўвесці яшчэ адзін атрыбут:

const items = prods.map(prod => { return <Product key ={prod.id} id ={prod.id} name={prod.name} cost={prod.cost} />; });

Мадыфікуйце ваш кампанент User так, каб у ім у абзацы вывадзіўся id юзера.

byenru