在React中,跳转页面可以通过使用History.push来实现。History.push是一种利用history对象进行页面跳转的方法,它可以让用户浏览本网站的记录保持在一个状态,在跳转页面时不会刷新当前页面,从而提高了用户体验。
首先,要使用History.push跳转页面,必须先引入History对象,这可以通过import {createBrowserHistory} from 'history'来实现。引入History对象后,你可以使用createBrowserHistory()方法来创建一个history实例,并将其赋值给一个变量。
接下来,使用History.push方法来进行跳转页面,该方法接收两个参数:一个是要跳转的页面的路径,另一个是要传递的参数(可选)。例如,如果你想从首页跳转到新闻页,可以使用history.push('/news')来实现,如果你要传递一些参数到新闻页,可以使用history.push('/news', {id:123})来实现。
除了使用History.push进行页面跳转之外,还可以通过使用Link组件来实现跳转,Link组件是react-router-dom提供的一个组件,它可以接收一个to属性,用来指定跳转的页面的路径,并可以接收一个state属性,用来传递参数。例如,如果要从首页跳转到新闻页,你可以在首页的某个按钮上添加Link组件,to属性设置为/news,state属性设置为{id:123},这样就可以实现从首页跳转到新闻页,并传递参数。
另外,在React中也可以使用window.location.href来实现外部链接的跳转,例如,如果你想跳转到一个外部链接,可以使用window.location.href='http://www.example.com'来实现,该方法会在当前页面刷新,因此不建议使用。
总之,React中可以通过History.push、Link组件和window.location.href来实现页面和外部链接的跳转,但是最推荐的是使用History.push和Link组件,因为它们可以保持用户浏览记录,从而提高用户体验。