React DOM 支持所有浏览器内置的 HTML 和 SVG 组件

Common components

所有内置浏览器组件（如 <div>）都支持一些常见的 props 和事件

<div className="wrapper">Some content</div>

React/React DOM 特有 props：

children：一个 React Node（一个 element、portal、string、number、boolean、null、undefined，或其他 React Node 的数组）指定组件内的内容
- 当使用 JSX 时，通常会通过嵌套标签（如 <div><span /></div>）隐式指定 children 属性
angerouslySetInnerHTML：形式为 { __html: '<p>some html</p>' } 的对象，内部包含原始 HTML 字符串
- 覆盖 DOM 节点的 innerHTML 属性并在内部显示传递的 HTML
- 使用此方法时应格外小心！如果内部的 HTML 不受信任（如：基于用户数据），则将面临引入 XSS 漏洞的风险
ref：来自 useRef 或 createRef（过时）的 ref 对象，或 ref 回调函数，或 ref 字符串（过时）。ref 将填充该节点的 DOM 元素
suppressContentEditableWarning：Boolean
- true：禁止 React 对同时具有 children 和 contentEditable={true} 的元素显示警告（通常不能一起使用）
- 如果您正在构建手动管理 contentEditable 内容的文本输入库，请使用此 prop 抑制警告
suppressHydrationWarning：Boolean。使用服务器渲染时，当服务器和客户端渲染不同的内容时会出现警告。在某些罕见的情况下（例如时间戳），很难或不可能保证精确匹配
- true：不会警告该元素的属性、内容不匹配
- 它只能工作一层深度，旨在用作逃生舱口，不要过度使用它。了解如何抑制水合错误

标准 DOM 属性：

My-Notes