Reactjs 我正在使用React路由器,我想要一个路径为“的路由链接”/&引用;要成为重新加载时的主页。。你怎么能做到?
我知道使用React Router会将所有路由放在组件App.js中,该组件是呈现嵌套路由的根组件。问题是,当您打开页面时,我希望其中一个嵌套路由成为根组件。我怎么做?thnks 我使用react router dom中的重定向功能解决了这个问题Reactjs 我正在使用React路由器,我想要一个路径为“的路由链接”/&引用;要成为重新加载时的主页。。你怎么能做到?,reactjs,react-router,Reactjs,React Router,我知道使用React Router会将所有路由放在组件App.js中,该组件是呈现嵌套路由的根组件。问题是,当您打开页面时,我希望其中一个嵌套路由成为根组件。我怎么做?thnks 我使用react router dom中的重定向功能解决了这个问题 { "homepage": ".", "name": "sanid", "version": "0.1.0",
{
"homepage": ".",
"name": "sanid",
"version": "0.1.0",
"private": true,
"dependencies": {
"@material-ui/core": "^4.11.1",
"@testing-library/jest-dom": "^5.11.6",
"@testing-library/react": "^11.2.2",
"@testing-library/user-event": "^12.2.2",
"bootstrap": "^4.5.3",
"jquery": "^3.5.1",
"react": "^16.8.1",
"react-bootstrap": "^1.4.0",
"react-dom": "^16.8.1",
"react-router-dom": "^5.2.0",
"react-scripts": "3.4.1",
"web-vitals": "^0.2.4"
},
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build",
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"gh-pages": "^3.1.0"
}
}
看起来像这样
<Redirect to="/" component={Inicio} />
我使用react router dom的重定向功能解决了这个问题
{
"homepage": ".",
"name": "sanid",
"version": "0.1.0",
"private": true,
"dependencies": {
"@material-ui/core": "^4.11.1",
"@testing-library/jest-dom": "^5.11.6",
"@testing-library/react": "^11.2.2",
"@testing-library/user-event": "^12.2.2",
"bootstrap": "^4.5.3",
"jquery": "^3.5.1",
"react": "^16.8.1",
"react-bootstrap": "^1.4.0",
"react-dom": "^16.8.1",
"react-router-dom": "^5.2.0",
"react-scripts": "3.4.1",
"web-vitals": "^0.2.4"
},
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build",
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"gh-pages": "^3.1.0"
}
}
看起来像这样
<Redirect to="/" component={Inicio} />