Javascript 如何在React中创建包含URL的页面
应用程序正在从服务器接收一个HTML文件 此数据(ResponsePost)可以如下所示显示在页面上: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
<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}){
返回(
);
}
这通常被称为“路由”。退房