用按钮元素更改react.js（多页面应用程序）？

Question

使用react.js入门。我的目标是在应用程序中切换页面。我已经将此组件导出到另一个组件：

const component = ({ name, email, id }) => {
    return (
        <button href="secondContent.html" onclick="secondContent()" id="component">
            <div>
                header
            </div>
        </button>
    );
}

此按钮的功能旨在作为第二页的切换器（secondComponent）。 我也一直在尝试处理html页面以（实际上）创建该secondComponent文件。 尝试通过该按钮切换几次后，无法获得想要的结果。

如果annyone可以向我简要介绍解决此问题的方法，并向我提出更好的解决方案，请帮忙。 提前致谢。 ：）

Answer 1

有很多方法可以实现，但是对于像这样的简单练习，您可以执行以下操作：

String

Answer 2

您应该查看react-router-dom文档。我想您会在这里找到所需的一切！

https://reacttraining.com/react-router/web/guides/philosophy