react/no-danger-with-children 正確性

✅ 此規則預設為開啟。

此規則的作用

禁止 DOM 元素同時使用 children 和 dangerouslySetInnerHTML 屬性。

為什麼這樣不好？

如果忽略此規則，並同時使用 children 和 dangerouslySetInnerHTML，React 會拋出警告。

範例

此規則的錯誤程式碼範例

<div dangerouslySetInnerHTML={{ __html: "HTML" }}>Children</div>;
React.createElement("div", { dangerouslySetInnerHTML: { __html: "HTML" } }, "Children");

此規則的正確程式碼範例

<div>Children</div>
<div dangerouslySetInnerHTML={{ __html: "HTML" }} />

參考

• 規則來源