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

如何在React中将按钮重定向到另一个页面

1 个答案: