В вашем index.js вы импортируете css-файл и вставляете его содержимое как значение атрибута style дива. Работает?
В вашем App.js вы каждый раз пересоздаете массив данных для контекста, может стоит вынести эти данные из компонента или вообще использовать хук useReducer? Тут вообще непонятно зачем вам эти данные и что вы собираетесь с ними делать.
Там же: инициализировать константу prop с типом array для того, чтобы добавить ему 2 свойства - звучит как глупость. Может стоит использовать тип object?
LeftMenu.js: зачем читать значение контекста и прокидывать его значение дочернему компоненту, если дочерний компонент сам может обратиться к контексту?
Ключ props для props'ов компонента - звучит мощно.
Checkboxes.js: даже не представляю, что вы пытаетесь сделать.
Ваш check.props - уже массив, нет смысла для его перебора использовать Object.entries.
Попробуйте начать с изучения основ JavaScript, потом почитайте документацию React и через годик у вас все получится.
Пытаться решить задачу методом тыка - такое себе, этот топик прямое тому доказательство.
|