Javascript 如何在React中创建包含URL的页面

Javascript 如何在React中创建包含URL的页面,javascript,html,reactjs,dangerouslysetinnerhtml,Javascript,Html,Reactjs,Dangerouslysetinnerhtml,应用程序正在从服务器接收一个HTML文件 此数据(ResponsePost)可以如下所示显示在页面上: <div dangerouslySetInnerHTML={{ __html: this.state.responseToPost }} /> 我想知道是否有可能创建一个新的URL来显示这些数据 html文件具有以下格式: <hr /> <p>title: "my-title"</p> <h2 id="1

应用程序正在从服务器接收一个HTML文件

此数据(ResponsePost)可以如下所示显示在页面上:

<div dangerouslySetInnerHTML={{ __html: this.state.responseToPost }} />

我想知道是否有可能创建一个新的URL来显示这些数据

html文件具有以下格式:

<hr />
<p>title: "my-title"</p>
<h2 id="123">a....

标题:“我的标题”

A.
我希望创建的页面类似于:
localhost:3000/my title
,并在该页面上显示HTML


有可能吗?我应该使用什么方法?

这完全可以通过反应路由器来实现

您需要将
npm
依赖项拉入到项目中,然后您可以将路线
my title
设置为
,然后在该页面上呈现您喜欢的任何内容,在您的案例中是
responseToPost

显然,安装程序需要执行的步骤不仅仅是声明一个
,但是官方文档非常好:

您可以使用它。我建议为它设置一条特殊路线,比如说
/pages/
(代码简化):


//在您的路线(通常是App.js)页面上:
从“react Router dom”导入{BrowserRouter as Router,Route};
常量页={
‘我的头衔’:“…”
};
//Page.js
导出函数页({match}){
返回(
);
}

这通常被称为“路由”。退房