reactjs - 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 の readme を見てみたところ、セクションサイド ペインに編集状態についての言及が見られますが、編集できるものと編集できないものについては言及されていません。

How to set React component state and props from browserを見ましたが、ユーザーにReact DevTools のわかりやすいマニュアルを読むように指示するコメントと、 React DevToolsを使用して何が可能か不可能かを説明していない回答がありました。