ReactJS:如何添加不支持的React组件(JSX标签)

ReactJS: How to add an unsupported React component (JSX tag)?

本文关键字:React 组件 标签 JSX 不支持 添加 何添加 ReactJS      更新时间:2023-09-26

有一些标签在ReactJS中还没有定义,比如SVG命名空间中的<animate>

React.DOM.divReact.DOM.span这样的基本节点在React中是如何定义的?或者像<div><span>这样的基本标签是如何在JSX中定义的?

我可以使用相同的方法来扩展React来定义标准<animate>标签吗?我不想分叉和扩展React Github项目

最简单(也是最丑陋)的方法是使用dangerlysetinnerhtml: http://facebook.github.io/react/docs/jsx-gotchas.html您只需生成<animate>标记作为字符串,并将其传递给包装div作为innerHTML。

否则,你需要深入了解React的内部,即ReactDOM.js中的createDOMComponentClass函数。如果你真的这么做了,我敢打赌你可以请求一个pull request来合并标签。