reactjs Astro中的React组件无法使用Window对象

hjzp0vay  于 2023-06-29  发布在  React
关注(0)|答案(1)|浏览(244)

我在我的Astro项目中使用了Preact。在我添加了`window之前,它一直工作正常

ReferenceError: window is not defined

现在我知道Astro做SSR,但在这种情况下,它是一个React组件icw client:load
在index.astro中

<Counter count={count} client:load>
        <h1>Hello, Preact 1!</h1>
  </Counter>

Counter是我的React组件:

export default function Counter({ children, count }) {
    const href = window.location.href;

    return (
        <>
            ...
        </>
   );
}

我如何在我的React组件中解决这个问题?

b4lqfgs4

b4lqfgs41#

client:load仍然在服务器上呈现初始视图,然后在客户端上进行水合。
client:only跳过HTML服务器呈现。

<Counter count={count} client:only>
        <h1>Hello, Preact 1!</h1>
  </Counter>

相关问题