我想知道 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>
uj5u.com熱心網友回復:
將您的 onClick 處理程式更改為:
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
handleModalOpenerClick(field);
}}
它應該可以作業。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/512584.html
