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>标记生成为字符串，然后将其作为innerHTML传递给包装div。 / p>

否则你需要深入了解React内部，即createDOMComponentClass中的ReactDOM.js函数。如果你走得那么远，我打赌你可以请求拉取请求来合并标签。