我可以使用React devtools对组件状态进行哪些更改？

Question

我有一个包含一个对象的组件，该对象包含一个对象数组，而对象数组又包含键和字符串

this.state = {
  dinosaurs: [
    { era: "jurassic", name: "diplodocus", diet: "herbivore" },
    { era: "cretaceous", name: "velociraptor", diet: "carnivore" },
  ]
}

当我在react devtools中打开组件时，我发现可以通过双击这些字符串来编辑诸如"jurassic"或"diplodocus"之类的字符串，但是显然我无法对其进行更改。键，例如“时代”或恐龙阵列。但是，可以使用React DevTools进行更改，但我做错了。

我正在Google DevTools中使用React DevTools。

使用React DevTools可以更改组件状态中的哪些内容？

我尝试查看GitHub自述文件，在side pane部分可以看到有关编辑状态的信息，但没有提及可以编辑和不能编辑的内容。

我查看了How to set React component state and props from browser，但有一条评论告诉用户read the friendly manual for React DevTools，还有无法解决使用React DevTools可能解决的问题的答案。