如何在ReactJS中路由到新页面

Question

我有一个路由器，该路由器具有指向产品详细信息页面的链接，问题是该应用程序正在android sp.WriteLine("No of Item: " + lblTotalItem.Text + "\r\n" + "Total: " + lblTotal.Text); 中显示，因此...如果正在查看产品详细信息页面并单击返回，则整个应用程序将退出。

有没有一种方法可以使使用返回首页？还是我必须实现后退按钮？

webview

Answer 1

实现后退按钮不是必需的-仅使此代码起作用：

 history.goBack()

此处实现了 BackButton -只需将其添加到体系结构中的通用文件夹中，即可重复使用。

import React from 'react';
import { withRouter } from 'react-router-dom';
import ReturnIcon from '../../img/tech/return-white-icon.svg'

const GoBack = ({ history }) => <img src={ReturnIcon} onClick={() => history.goBack()} alt="Go back" />;

export default withRouter(GoBack);