類似于如何將 Markdown 組件傳遞給 Astro 組件，我想將一個匯入到 React/Preact 組件中。
當我將組件匯入 React/Preact 時，它似乎沒有直接作業，所以我嘗試從父 Astro 組件中傳遞它們，如下所示：
<DemoContent
blog={(<Blog />)}
tweet={(<TweetThread />)}
highlight={(<HighlightClips />)}
client:visible
/>
...但這給了我ERROR: Expected ">" but found "/"。
這樣做的建議方法是什么？
uj5u.com熱心網友回復：
（不和諧對話的后續行動。感謝您公開！）
將 Astro 或 Markdown 組件傳遞給 Preact 等框架時，您需要使用“插槽”。您可以slot="prop-name"像這樣連接它們：
<DemoContent>
<Blog slot="blog" />
<TweetThread slot="tweet" />
<HighlightClips slot="highlight" />
</DemoContent>
然后，在您的 Preact 組件中，您可以訪問blog、tweet和highlight作為道具。您將渲染這些類似于{children}道具：
export function DemoContent({ blog, tweet, highlight }) {
return (
<section>
{blog}
{tweet}
{highlight}
</section>
)
}
如果您碰巧使用這些框架，這些也將映射到 Vue 或 Svelte 插槽。希望這可以幫助！
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/520556.html
標籤：反应降价预先制定天文学家
上一篇：CSS屬性被覆寫