我想将我的 reactjs 页面重定向到常规的 html 页面，按下点击我像链接按钮。
这是我的代码：
应用程序.js
import React, { Component } from 'react';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';
import './App.css';
// import DoctorImg from './doctor.jpg';
class App extends Component {
render() {
return (
<Router>
<div>
<Link to="/Users/yashchoksi/Documents/route/src/normal_redirect.html">Press</Link>
<Switch>
<Route exact path="/Users/yashchoksi/Documents/route/src/normal_redirect.html"/>
</Switch>
</div>
</Router>
);
}
}
export default App;
其他文件是
normal_redirect.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Check this.</title>
</head>
<body>
<p>This is redirected page.</p>
</body>
</html>
我想在 reactjs 中重定向一个页面，为此我想使用 href 标签，我可以这样做吗？
下面是代码供参考：
import React, { Component } from 'react';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';
// import DoctorImg from './doctor.jpg';
class App extends Component {
render() {
return (
<Router>
<Link to = 'https://google.com/'><button>GO GOOGLE</button></Link>
</Router>
);
}
}
export default App;
我有一个迷你项目,其中第一页有标题主页但下一页联系人是点击链接它保留主页作为标题.我已经明确宣布标题为"联系我们",但它也显示了主页.
这是我的代码:
对于App.js:
import React, { Component } from 'react';
import {BrowserRouter as Router, Route, Switch, Link} from 'react-router-dom';
import ContactUs from '/Users/yashchoksi/Documents/linking/src/ContactUs';
class App extends Component {
render() {
return (
<Router>
<div>
<title>HomePage</title>
<Link to="/src/ContactUs">Contact Us</Link>
<Switch>
<Route exact path="/src/ContactUs" component={ContactUs}/>
</Switch>
</div>
</Router>
);
}
}
export default App;
并联系我们页面:
import React, { Component } from 'react';
class ContactUs extends Component {
render(){
return(
<div>
<title>ContactUs</title>
Hello From COntactUs.
</div>
);
}
}
export default ContactUs;
请查看并告诉我如何声明动态命名的标题!