reactjs - 从json在html页面中实现react路由

Question

我在按预期实施路由时遇到了一些问题。我的场景是我有一个组件，组件内的内容是从服务器中的 json 数据中获取的。在内容中有一些<a>标签，当我点击链接时，页面正在重新加载，而不是实际路由的工作方式。

我试过的是

import React, {Component} from 'react'
............. other imports ....
const htmlContent=`<div> 
                     <p> Lorem ipsum content goes here </p>
                      <a href="/home">Home</a>
                    </div>`;
export class InnerPage extends Component{
 ...... other stuffs .......
 render(){
    return(
      <div>
          // static content
         <div dangerouslySetInnerHTML={{__html: htmlContent}} />

      </div>
     )
  }
}

在这里，它按预期呈现 html 内容，但路由未按预期工作。任何帮助将不胜感激。

标签： reactjsinnerhtmlreact-router-dom