时间戳

首页 > 解决方案 > 如何在 React JS 中将 Button 链接到另一个页面？

html - 如何在 React JS 中将 Button 链接到另一个页面？

问题描述

大家好，所以我正在尝试在我的 react-bootstrap 应用程序中使用按钮，并且该按钮的作用是每次用户单击该按钮时，它会将用户重定向到 Web 应用程序的另一个页面。但是由于某种原因它不起作用，有人可以帮助我吗？我的路由器已经适用于其他组件，例如页眉、页脚等。但它不适用于 Button。

这是我的代码：

            <Container fluid>
                <Row className="Aboutus">
                    <Col sm={12} lg={6}>
                        <h1>About Us</h1>
                        <hr style={{border:'2px solid', color:'#10255A', width:'25.7%'}}></hr>
                        <p>The hotel itself possess a trendy design with attention to comfort, 
                           quality and value based accommodation.
                        </p>
                        <button as={Link} to={"/Room"}>See Room</button>
                    </Col>
                    <Col sm={12} lg={6}>
                        <img src="#"></img>
                    </Col>
                </Row>
            </Container>

标签： htmlreactjs

解决方案

另一种选择，只是在不使用 Button 组件的情况下利用本机链接组件，是使用引导类（支持将标签设置为按钮）：

<Link to="/Room" className="btn btn-primary">
 See Room
</Link>

推荐阅读