ReactJS：如何添加不支持的React組件（JSX標記）？

Question

ReactJS中尚未定義的標簽很少，例如SVG名稱空間中的<animate> 。

如何在React中定義React.DOM.div和React.DOM.span等基本節點？ 或者如何在JSX中定義<div>和<span>等基本標簽？

我可以使用相同的方法擴展React來定義標准的<animate>標簽嗎？ 我不想分叉和擴展React Github項目。

Answer 1

最簡單（也是最丑陋）的方法是使用dangerouslySetInnerHTML進行渲染： http ： //facebook.github.io/react/docs/jsx-gotchas.html您只需將<animate>標記生成為字符串作為pass它包裝div作為innerHTML。

否則，你就需要深入的陣營內部和即createDOMComponentClass在功能上ReactDOM.js 。 如果你走得那么遠，我打賭你可以請求一個拉取請求來合並標簽。