html–ReactReact Router– 处理标签之类的标签

概述我通过道具将预编译的HTML传递给我的React组件.原始数据看起来像这样.let pageData = [ title : 'About', content: '<p>Hello <strong> World!</p><a href='/contact'>Contact</a>' ]

我通过道具将预编译的HTML传递给我的React组件.原始数据看起来像这样.

let pageData = [   Title  : 'About',content: '

然后在使用dangerouslySetINNERHTML方法的组件中,因为我不确定是否还有其他东西要使用.

import React from 'react';export default class PostText extends React.Component {  render() {    return (        

但我的问题是,如何转换< a href =“/ contact”> Contact< / a>标记为< Link to =“/ contact”>联系< / Link>.

即使我没有更改标记,也有办法执行类似的 *** 作,“当我点击< a>标记时,视为< Link>标记”.最佳答案我想你可以做这样的事情,拦截链接点击你div里面的事件和导航路由器：

然后：

navigate (event) {  event.preventDefault()  if (event.target.tagname === 'A') {    this.props.router.push(event.target.getAttribute('href'))  }}

总结

以上是内存溢出为你收集整理的html – React / React Router – 处理标签之类的标签全部内容，希望文章能够帮你解决html – React / React Router – 处理标签之类的标签所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1118968.html