[英]How to use Preact signals with astro to share state
問題當我更改標簽值時,它僅在 select 組件上更改,但在 index.astro 中沒有更改我有導出信號的文件夾信號 我在 Select.tsx 組件中這樣使用它,這里 evryting 更改 但是當我像這樣將它導入 index.astro 時,我只得到“所有”值女巫是初始值 ...
[英]How to use Preact signals with astro to share state
問題當我更改標簽值時,它僅在 select 組件上更改,但在 index.astro 中沒有更改我有導出信號的文件夾信號 我在 Select.tsx 組件中這樣使用它,這里 evryting 更改 但是當我像這樣將它導入 index.astro 時,我只得到“所有”值女巫是初始值 ...
[英]Is there a way to access the children of an astro slot?
我正在嘗試使用 astro 插槽將子項傳遞給 SolidJS 組件。 我的 Solid 組件使用其子組件生成幻燈片。 問題是,當我嘗試這樣做時,我傳遞給組件的孩子被<astro-slot>包裹着,所以我的組件只能“看到”一個孩子。 有沒有辦法正確訪問插槽的子項,或者完全刪除包裝器標簽? ...
[英]Put some elements from component into head tag
我想要從 component 到 go 到head標簽的一些標簽。 我想放入名為head的slot中。 怎么能做到這一點? 布局.astro 我的組件.astro ...
[英]I want to display a spinner before loading the react component in Astro
在加載組件之前如何顯示微調器或骨架 CSS 我僅使用客戶端在 Astro 頁面中反應組件我的微調器代碼 我的組件 ...
[英]How can I redirect pages in Astro?
我有一個關於重定向的演示文稿 我如何在 Astro 中執行此重定向? 我在 Astro 適配器和節點上使用 ssr 比如我的介紹如下 ...
[英]astro-i18next Tfunction showing keys instead of translation
我使用t() function 來翻譯文本。 function 就像 astros /public文件夾中沒有區域設置一樣。 我的文件結構我的translation.json文件為 en:{ "index": { "testHeader": "Test Header" ...
[英]AstroJS: Can I get a list of all pages withing a folder
我有一個 astro 項目,在我的src/pages/index.astro文件中的src/pages/topics/中有幾個.astro頁面 我想要一個導航列表,其中包含指向每個主題頁面的鏈接。 有沒有一種方法可以自動獲取主題文件夾中所有頁面的列表,以便我可以對其進行迭代並在index.astro ...
[英]Dynamically import all images from a folder in Astro
我正在與Astro合作。 該項目使用了相當多的圖像,我想簡化我目前添加新圖像的方式。 我的路線是這樣的: example.com/pictures/[收藏] (“[”和“]”代表動態路由) 允許例如: example.com/pictures/mixed-tecnique example.com ...
[英]How can I filter frontmatter in a remark plugin?
在 AstroJS 站點中,我設置了一個備注插件,如果未明確設置,則將默認布局應用於.md(x)文檔。 該代碼來自問題 #397中的 RFC,並且運行良好。 我現在想使用<Content/>組件將大型文檔分解成片段。 我可以讓內容組件工作,但是每個片段都應用了默認布局,所以我在整頁中嵌 ...
[英]How to dynamically render vuejs components in an astro page using a global variable?
我正在 Astro 上分幾步開發一個表格。 為此,我使用 Vuejs 組件(每個步驟一個)。 每個步驟都可以通過一個按鈕進行驗證,該按鈕允許 go 進入下一個步驟。 我試圖創建一個全局變量,通過按鈕在每一步遞增。 根據此變量的值,應顯示相應的組件。 當前變量的值由 function 更新,但 in ...
[英]Display data dynamically from component using javascript in astro.js
Astro.js & Javascript 在組件內部,我嘗試對某些數據進行 map 一次,並在另一個文件中顯示來自每個渲染組件的不同數據。 負責映射數據的組件 負責顯示該組件的文件 ...
[英]PostCSS Autoprefixer Setup in an Astro Project
我想要達到的目標在 npm 上設置自動 autoprefixer 在所有全局樣式表和組件范圍樣式上npm run build Astro 項目以支持其他瀏覽器和舊瀏覽器(大約 2016 年)。 我的構建天文 v1.9.1 CSS 通過SCSS編譯一些 Astro 集成(imagetools、pre ...
[英]Can i pass props from a child component to parent in Astro?
請告訴我是否可以將道具從子Astro組件傳遞給父組件? 類似於React中的回調: Astro中有類似的東西嗎? 感謝關注! ...
[英]Build form submission handler using API Route in Astro JS framework
我正在嘗試為無 JS 表單提交構建表單提交處理程序。 但是 api 沒有收到 html 表單發送的數據。 我正在關注此文檔。 signin.json.js 文件包含一個名為 post 的導出異步 function,它接受一個請求參數並將其記錄到控制台。 然后它返回一個新的響應 object,請求參 ...
[英]Astrojs: How can I get a component to appear as inline text in an MDX file?
問題:在下面的屏幕截圖中,我希望第一行與第二行完全相同。 有沒有辦法在 Astrojs 中做到這一點? 這是我在Codesandbox上的完整復制。 這是輸出的樣子(見下文)。 請注意句號在第一行中的單詞“text”之前有一個空格,而第二行沒有空格。 發生這種情況的原因是因為在第一個示例中的 ht ...
[英]React Query does not work with Astro Framework
我正在嘗試將 React-Query 與 Astro 結合使用,以從我的 Django Rest 框架后端獲取數據。 Astro 是組織我基於反應的前端的好方法,但我擔心它可能與 React-Query 不兼容。 每當我嘗試對我的后端進行查詢時,我都會得到 true 的“isLoading”值(以 ...
[英]For Astro.js, how do I inject page content (seo meta tags) into <head> section of an Astro layout?
我有一個 Astro.js 布局文件,其中包含頁眉、頁腳以及我希望在我網站的每個頁面上顯示的所有其他內容。 我想將頁面內容放入兩個區域(名稱槽)。 一個區域和一個區域(在頁眉和頁腳之間) 粗略地說,這是我的 layout.astro: 這兩個插槽(頭部和主體)將從我的頁面接收內容。 我的頁面目前看 ...
[英]Getting error "'aspectRatio' must be provided for remote images" when using a local image
在使用本地圖像時,即使在使用 @astrojs/image 集成時在 frontmatter 中導入時,也'aspectRatio' must be provided for remote images錯誤。 導入的圖片在/src/images 據我所知,這與@astrojs/image 文檔中提 ...
[英]For Astro.js, how to access frontmatter variables in ld+json schema.org SEO JSON?
我有一個名為“PageSEO”的 Astro.js 組件,用於我的網頁的 SEO 信息。 頁面將具有標題、描述、圖像 URL、規范 URL 和一些附加信息。 這是我的 PageSeo.astro 文件的代碼: 變量信息很好地進入了前端,但它沒有進入 ld+json 腳本。 我試過data-titl ...
[英]What's the best way to pass markdown to an Astro component as a prop
我想做什么當 Markdown 文件作為字符串傳遞給另一個組件時,使用.compiledContent(甚至使用.rawContnent)渲染其內容的簡單方法? 或者甚至比這更好的方法,因為顯然通常在 Astro 中我們可以使用<Content /> Component ,但據我所知,如 ...