Document using HTML dialog element

Modals/Dialogs are very common on the web. Now that the HTML dialog element has full cross-browser support it would be great to see documentation around how to use this in React as it is far from obvious. In the current docs it says "instead of exposing open() and close() methods on a Dialog component, pass an isOpen prop to it." Should people avoid using the showModal() function? Is it necessary to use portals when using a HTML dialog element?

Such a common UI task should be clearly documented.

<dialog> used to have some accessibility concerns but all of those have been addressed. It's now a much better option than implementing your own dialog. It has many accessibility features like 'inert' built-in.

Không có tệp tài liệu hoặc bài kiểm thử nào được nêu tên. Hãy bắt đầu bằng cách xem lại hướng dẫn hiện tại trong tài liệu React được trích dẫn trong issue, sau đó tìm hiểu cách sử dụng HTML dialog element, showModal() và portals cùng nhau. Công việc được xem là hoàn tất khi tài liệu React giải thích rõ cách tiếp cận được khuyến nghị và trả lời liệu showModal() và portals có cần thiết hay không.