React JS中的按钮路由

Question

我在材料中有一个按钮，如下所示：

<Button style={green}
        raised="true"
        label="Continue to create group"}>
CREATE NEW GROUP
</Button>

我想要的是点击按钮，然后转到我的应用程序内的另一个页面，我是React的新手，所以我正在玩基本的东西，所以我不知道如何做到这一点。

现在我转到localhost：3000 /所以当我点击按钮时我想转到localhost：3000 / page1（例如）

一些帮助会很好。

Answer 1

Material-UI按钮的优点在于它们与JS按钮共享相同的功能（因为它们就是它们的底层）。因此，您可以通过为按钮提供一个处理您尝试前往的路径的onClick事件来简单地路由到另一个组件。

Answer 2

您应该使用react-router-dom来处理路由。它需要一些设置，但它并没有那么糟糕。您可以在此处查看完整的文档：https://reacttraining.com/react-router/web/guides/philosophy。

为了帮助您入门，您必须使用this.props.history.push('/path')以编程方式重定向。更简单的解决方案是使用内置的Link组件：<Link to="/path" />。