javascript - ReactJS:如何添加不受支持的 React 组件(JSX 标记)?

标签 javascript reactjs

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

React.DOM.div这样的基本节点怎么样?和 React.DOM.span在 React 中定义?或者像 <div> 这样的基本标签怎么样?和 <span>在 JSX 中定义?

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

最佳答案

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

否则你需要深入研究 React 的内部结构,即 createDOMComponentClassReactDOM.js 中发挥作用.如果您确实做到了这一点,我敢打赌您可以请求拉取请求以合并标签。

关于javascript - ReactJS:如何添加不受支持的 React 组件(JSX 标记)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25480261/

相关文章:

javascript - 在 iframe 内单击后获取警报,通过 jQuery 或 javascript

javascript - 从 webWorker 访问 localStorage

javascript - 多个 <audio> 标签播放不同的源文件

reactjs - Vuex 和 Redux 不变性方法的差异

javascript - 为什么使用 Ant Tree Design 在子组件中不检查树复选框

javascript - 收到错误请求的资源上不存在 'Access-Control-Allow-Origin' header

javascript - 从自动完成的一个选项中检索额外信息

javascript - insertAfter 复制 div

javascript - AJAX、子域和 SSL

javascript - 使用 jest 运行测试时 URLSearchParams 未定义错误