我有一個帶有內部鏈接的組件，它在多個頁面中使用
當我嘗試將它作為 Nextjs 應用程式中的按鈕匯入時，我得到了這個結果，它在后臺呈現樣式化的錨鏈接和按鈕
在 React 應用程式中使用完全相同的代碼，我得到了想要的結果
看起來道具“as”出于某種原因將組件渲染為按鈕以及組件內的錨點，這在常規 React 版本中不會發生
uj5u.com熱心網友回復：
我懷疑您在“常規 React 版本”中有不同的樣式。
您的組件將始終呈現<a>，因為這是硬編碼的。如果你想<a>用作默認組件來渲染，你可以為屬性定義一個默認值，as你不需要嵌套<a>。
例如：
const Comp=({as: Component = 'a', ...rest}) => {
return <Component {...rest}>Foobar</Component>
}
然后以下用法將呈現<a>和<button>：
<Comp />
<Comp as="button" />
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/461458.html
標籤：javascript 反应 进口 下一个.js