Contributing Controlled-components mental-model diagrams

Hi,

I don't really know where this could be integrated into the documentation, but I've created some visuals to explain step-by-step what really happens when interacting with a Controlled-component, for each field type:

• text field
  
• select:
  
• multiple select:
  
• checkbox:
  
• radio:
  

I'd love to contribute those diagrams to the reactjs.org project if you think it can be useful.

I have them in SVG
I can edit/adapt them as needed
I can easily create a PR

检查现有的 react.dev 文档结构，找出适合放置 controlled components 指南的位置。检查为文本字段、select、multiple select、checkbox 和 radio 示例提供的 SVG 图表，然后确认应如何调整和集成这些图表；当这些图表被接纳到合适的文档页面中时，即表示完成。