Показать сообщение отдельно
  #3 (permalink)  
Старый 08.05.2023, 18:58
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от 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>
);


В примере я применил деструктуризацию параметров (пропсов)...
Ответить с цитированием