React 如何让按钮重定向到另一个页面答案

【问题标题】：How to make a button redirect to another page in ReactReact 如何让按钮重定向到另一个页面
【发布时间】：2017-06-21 13:00:34
【问题描述】：

我有一个组件，它的Class.propTypes 中有一个 onClick 函数：onClick: PropTypes.func

在另一个组件中，我多次使用该组件来填充页面。这些组件中的每一个都有一个标题，单击该标题应重定向到另一个页面。

我的问题是当我点击它时它不起作用。它什么也不做。这是主要组件的渲染：

render() {
    return (
            <Class
    title={account.AccountName}
    onClick={() => "mySite/accountview?id=" + account.AccountName} 
         >
         </Class>
          ...
    );
}

我应该在onClick 中添加什么才能使其正常工作？

【问题讨论】：

你想访问的页面是在同一个 React App 还是外部网站？你在使用某种路由库吗，比如react-router？
同一个 React App，我没有使用路由库。 accountview 是该组件的名称
那我建议你先安装react-router 并将你的页面添加到路由器中。
我想这样做太难了。该项目相当大，并且还有用 vb.net 和其他语言编写的部分和页面
在这种情况下，我仍然会添加 react-router 并使用下面的 Gabriels 解决方案。前者用于在 React 应用内导航，后者用于外部站点。

标签： javascript reactjs

【解决方案1】：

你需要使用React Router。

Link:

<Link to={`/mySite/accountview?id=${account.AccountName}`}>something</Link>

onClick:

<button onClick={() => hashHistory.push(`/mySite/accountview?id=${account.AccountName}`)}></button>

您可以使用hashHistory 或browserHistory :D

【讨论】：

使用 browserHistory 获取干净的 url。 ;)
嗨加布里埃尔，我应该在我的按钮单击功能中使用 window.location="链接标签中提到的 url 路径"，以便路由到链接标签中提到的 url 路径