ReactJS:如何添加不支持的React组件(JSX标签)
ReactJS: How to add an unsupported React component (JSX tag)?
有一些标签在ReactJS中还没有定义,比如SVG命名空间中的<animate>
像React.DOM.div
和React.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来合并标签。
相关文章:
- React组件等待所需道具进行渲染
- React组件-设置页面标题
- 为react组件传递道具的最佳方式
- react组件中的绑定方法
- 加载服务器端渲染的React组件后执行脚本
- 如何基于依赖性导入React组件
- 可以't在我的React组件中加载图像
- jsx-React组件中的格式化编号
- 在进行服务器端渲染时,我可以向客户端发送React组件吗
- 使用jquery在react组件内部设置样式可以吗
- 为什么我不能将键映射到 React 组件上
- webpack样式加载器-在react组件上导入不同的样式,而无需重写
- 无法将react组件作为属性传递给另一个组件
- 继承React组件的正确方式
- 在JSX中围绕React组件封装高阶组件(HOC)
- 根据React组件的名称渲染该组件
- react组件的正确命名规范
- 在另一个文件夹中显示React组件
- AJAX 请求没有在我的 React 组件中设置 this.state.data
- 有没有一条清晰的路径,我可以实现一个在 ScalaJS + React 中广泛使用上下文的 React 组件