Не удается прочитать свойства неопределенного (чтение «направления») React JS Material Table
После установки таблицы материалов с помощью React JS и сопоставления с ней данных эта ошибка будет отображаться на консоли во время работы приложения. Причину этого мне трудно представить.
Ниже приведена таблица, которую я разработал.
`
константа empList = [
{ id: 1, имя: "Neeraj", электронная почта: "[email protected]", телефон: 9876543210, город: "Бангалор"},
{ id: 2, имя: «Радж», электронная почта: «[email protected]», телефон: 9812345678, город: «Ченнаи»},
{ id: 3, имя: "Дэвид", электронная почта: "[email protected]", телефон: 7896536289, город: "Джайпур" },
{ id: 4, имя: "Викас", электронная почта: '[email protected]', телефон: 9087654321, город: "Хайдарабад" },
]
const [data, setData] = useState(empList)
const columns = [
{ title: "ID", field: "id", editable: false },
{ title: "Name", field: "name" },
{ title: "Email", field: "email" },
{ title: "Phone Number", field: 'phone', },
{ title: "City", field: "city", }
]
<h5>
List of Services
</h5>
<MaterialTable
title = "Employee Data"
data = {data}
columns = {columns}
/>
</div>`
Я пытаюсь понять, вычисляется ли значение empList каким-то образом, что занимает некоторое время. Если да, лучше установить начальное состояние с помощью функции.
const empList = [ { id: 1, имя: "Neeraj", электронная почта: '[email protected]', телефон: 9876543210, город: "Бангалор"}, { id: 2, имя: "Raj", электронная почта: ' [email protected]», телефон: 9812345678, город: «Ченнаи»}, {id: 3, имя: «Дэвид», электронная почта: «[email protected]», телефон: 7896536289, город: «Джайпур»}, { id: 4, имя: "Викас", электронная почта: '[email protected]', телефон: 9087654321, город: "Хайдарабад" }, ]
Я запускаю это в браузере Chrome. Страница даже не загружается при запуске из браузера Chrome
Вы придумали решение проблемы? Я столкнулся с той же проблемой здесь с точно такой же таблицей!
Я получаю сообщение об ошибке: такого файла или каталога нет, откройте «C:\Users****\node_modules\react-double-scrollbar\dist\DoubleScrollbar.js.map»
Ответы 2
Итак, я понял решение. Если ваша текущая версия таблицы материалов 2.0.3, просто удалите вашу версию и переустановите версию 1.69.3. Это решит проблему, это сработало для меня. Они выпустили версию 2.0.3 совсем недавно (10 дней назад), и, похоже, в ней есть ошибки, и я думаю, это причина, по которой мы с вами столкнулись с проблемами.
Спасибо вам большое за это. Я пытался понять, что я делаю не так. У меня было несколько предупреждений при попытке установить старую версию после удаления 2.0.3 о переопределении зависимости от одноранговых узлов, но, похоже, это не вызвало никаких проблем. Благодарю вас!
Я перепробовал все возможные вещи, но, похоже, возникла проблема с самим пакетом material-table. Я также попытался установить v1.69.3, но затем он показал около 19 ошибок, все из которых были из пакета Metrial-Table,
что показывает, что это действительно глючит. В некоторых других версиях он показал около 20 ошибок из самого пакета, эти ошибки были отключены после переустановки @material-ui/core, как указано на их веб-сайте https://material-table.com/#/docs/install:~:text=npm%20install%20material%2Dtable%20%2D%2Dsave%0Anpm%20install%20%40material%2Dui/core%20%2D% 2Dсохранить, но проблема, что таблица не отображается, все еще существует.
Наконец, мне помогла установка очень старой версии, имеющей зависимость от реактивной версии старше 16. Вы можете запустить :
npm uninstall material-table
затем запустите следующее:
npm install [email protected] --save
а затем проверьте, работает ли он, если не пытаться бежать
npm install @material-ui/core --save
или
npm install в терминале.
Я надеюсь, что это сработает для вас, чтобы помочь вам начать работу, но я заметил, что хотя таблица показывает, но это мешает некоторым функциональным возможностям самого материального пользовательского интерфейса.
Что происходит, когда вы назначаете
data = {empList}?