小编Sti*_*oun的帖子

Link 组件内的 NextJS 按钮

我想知道 NextJS Link 组件中怎么可能有按钮?当您包裹按钮并单击按钮时,它会运行 onClick 事件,然后重定向到 href 属性中的值。

如何只运行 onClick 按钮事件并停止重定向?

<Link href={`./${school.attributes.Slug}/obor/${field.attributes.Code}`}>
  <div className="responsive-table__row">
    <div className="responsive-table__item">50</div>
    <div className="responsive-table__item">40/50</div>
    <div className="responsive-table__item">Test</div>
    <div className="responsive-table__item">
      <button className="responsive-table__button button button--secondary" onClick={() => handleModalOpenerClick(field)}>Show modal</button>
    </div>
  </div>
</Link>
Run Code Online (Sandbox Code Playgroud)

html reactjs next.js

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

html ×1

next.js ×1

reactjs ×1