не выводит массив на экран
не выводит массив на экран, в чем проблекма
index.js import React from 'react'; import App from './App'; import ReactDOM from 'react-dom'; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode> ); App.js import React, {useContext} from 'react'; import {Context} from './context'; import './App.css'; import Shop from './components/Shop'; var device= [ {name:'hello ', id:1}, {name:' world', id:2}, {name:'!!', id:3} ]; function App() { return ( <Context.Provider value={{device}}> <Shop/> </Context.Provider> ); } export default App; context.js import React from 'react'; export const Context=React.createContext(); Shop.js import React, {useContext} from 'react'; import {Context} from "../context"; //import Phone from './Phone'; function Shop() { const {device} = useContext(Context) return ( <div> {device.map(device => <div class="hello">{device.name}</div> )} </div> ); } export default Shop; |
riaron86, вы в консоль смотрели?
Там наверняка же есть сообщение об ошибке. ReactDOM.render принимает 2 обязательных аргумента, вы передали только 1. Цитата:
|
в консоли пишет
src\index.js Line 4:7: 'root' is assigned a value but never used no-unused-vars |
вот код index.js
import React from 'react'; import App from './App'; import ReactDOM from 'react-dom'; const root = ReactDOM.createRoot(document.getElementById('root')); ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode> ); |
М.б. в строчке 7 должно быть
root.render( |
Часовой пояс GMT +3, время: 05:10. |