如何在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：

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

和onClick：

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

您可以使用hashHistory或browserHistory:D