Сообщение от riaron86
|
Не выводит значения
|
С пропсами ты не умеешь еще работать...
Вот рабочий вариант
import React,{createContext, useContext} from 'react';
import ReactDOM from 'react-dom/client';
const Context = createContext(null)
const arrayse={'id':1,'description':'desc'}
//
function App() {
return (
<Shop/>
)
}
//
function Shop() {
return (
<ItemsList/>
);
}
//
function ItemsList() {
const {arrayse} = useContext(Context)
return (
<Item arrayse={arrayse}/>
);
}
//
function Item({arrayse}) {
return (
<div>
<p>ID: {arrayse.id}</p>
<p>Desc: {arrayse.description}</p>
</div>
);
}
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<Context.Provider value={{arrayse:arrayse}}>
<App />
</Context.Provider>
);
В примере я применил деструктуризацию параметров (пропсов)...