У меня есть компонент, который состоит из объекта, который содержит массив объектов, который, в свою очередь, имеет ключи и строки
this.state = {
dinosaurs: [
{ era: "jurassic", name: "diplodocus", diet: "herbivore" },
{ era: "cretaceous", name: "velociraptor", diet: "carnivore" },
]
}
Когда я открываю компонент в реагирующих devtools, я нахожу, что могу редактировать строки, такие как "jurassic" или "diplodocus", дважды щелкая по этим строкам, но я, очевидно, не могу вносить изменения в такие клавиши, как " эра ", или массив динозавров. Однако можно изменить его с помощью React DevTools, но я делаю это неправильно.
Я использую React DevTools в Google DevTools.
Что я могу и не могу изменить в состоянии компонента с помощью React DevTools?
Я попытался просмотреть readme GitHub, и я вижу упоминание о состоянии редактирования в разделе боковая панель , но нет упоминания о том, что можно и нельзя редактировать.
Я посмотрел на Как установить состояние компонента React и реквизиты из браузера , но был комментарий, говорящий пользователю прочитать дружественное руководство по React DevTools , а также ответы, которые не давали Рассмотреть, что является или не возможно с помощью React DevTools.