如何使用按钮将一个JS页面链接到另一个JS页

Question

目前我有以下代码：

<a href='./housing1.html'>
<button type="button" className="Button" class="btn btn-dark btn-lg btn-block">Submit</button>
</a>

这很容易让我进入HTML页面，但当我试图进入我创建的JS页面时，它要么只是在网页上显示代码，要么页面闪烁。这是与文件的位置有关，还是我在React中使用了一些东西来解决这个问题？

Answer 1

让我们假设您使用的是类似@reach/router或react-router-dom的东西。它们都有自己的组件功能，如Link，允许您在应用程序中导航。

import React from 'react'
import { Link } from '@reach/router';
const SampleComponent = () => (
<div className="someWrapper">
<Link to='/your-path'>  
<button type="button" className="Button btn btn-dark btn-lg btn-block">
Submit
</button>
</Link>
<h1>Other code would enter here</h1>
</div>
)
export default SampleComponent;

要知道，为了使其工作，您还需要设置路由器页面以便能够导航。阅读各个包的文档，因为它们非常简单，易于集成。

第页。S-React不允许使用class属性，因为它是ECMAScript中的保留关键字。因此，要像使用按钮一样分配任何类，请将所有内容放入className中

此外，请注意上面的评论，不要使用按钮的内部链接，而是将您的锚标签样式设置为按钮，从而实现所需的逻辑。