Reactjs 添加<；a>；标记到a<；h1>；加入反应？_Reactjs

Reactjs 添加<；a>；标记到a<；h1>；加入反应？

reactjs

Reactjs 添加<；a>；标记到a<；h1>；加入反应？,reactjs,Reactjs,我正在寻找添加 ) })} ) } } 导出默认导航栏我正在尝试将中的所有内容链接回主页。试试。这里有一些简短的介绍，但所有这些都可以在官方文档中阅读安装后，您可以导入它 Import {ReactRouter as Router, Switch, Route, Link} from ‘react-router-dom’ 然后，您可以简单地指定在单击链接后用户将被重定向到哪个页面作为回报： <Router> <Switch> <

我正在寻找添加



)
})}     

)
}
}
导出默认导航栏

我正在尝试将

中的所有内容链接回主页。

试试。

这里有一些简短的介绍，但所有这些都可以在官方文档中阅读

安装后，您可以导入它

Import {ReactRouter as Router, Switch, Route, Link} from ‘react-router-dom’

然后，您可以简单地指定在单击链接后用户将被重定向到哪个页面

作为回报：

<Router>
  <Switch>
    <Route exact path=‘/’>
        //home page content
    </Route>

    <Route path=‘/about’>
        //About us page content
    </Route>

   <Route path=‘/contact’>
        //contact page content
    </Route>

  </Switch>
</Router>


//主页内容
//关于我们网页内容
//联系人页面内容

然后使用导入的Link元素代替元素

<nav>
  <Link to=‘/’>Home</Link>
  <Link to=‘/about’>About us</Link>
  <Link to=‘/contact’>Contact</Link>
</nav>


家
关于我们
接触

您正在使用react路由器吗？如果是，请查看组件为什么不添加标签？@Alejandro如果上面的示例是CRA，并且使用React路由器，则使用链接组件将保留状态并避免刷新-这在某些情况下可能很有用。@PunitMakwana我理解，但我对react很陌生，我不知道如何在@rskybsn中构建它，你用create react app发起了这个项目？@PunitMakwana我已经完成了所有这些。我的路线正在运行。我只是想把这个元素链接回主页

Tickets

@rskybsn在codesandbox上提供了一个可复制的示例

<nav>
  <Link to=‘/’>Home</Link>
  <Link to=‘/about’>About us</Link>
  <Link to=‘/contact’>Contact</Link>
</nav>