javascript - 如何使按钮重定向到 React 中的另一个页面

Question

我有一个组件，在其 Class.propTypes 中有一个 onClick 函数:onClick: PropTypes.func

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

我遇到的问题是当我点击它时它不起作用。它什么都不做。这是主要组件的渲染图:

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

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

Answer 1

您需要使用 React Router .

使用链接:

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

使用onClick:

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

您可以使用 hashHistory 或 browserHistory :D