html – React / React Router – 处理标签之类的标签

我通过道具将预编译的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'))
  }
}

原文地址：https://www.jb51.cc/html/425565.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。