代码拉取完成，页面将自动刷新
这是一个名为NoSSR的React组件，它的主要功能是在服务器端渲染（SSR）环境中阻止其子组件的渲染。这个组件在客户端环境中（如浏览器）正常渲染其子组件，但在服务器端渲染环境中，它不会渲染任何内容。
npm install @kwooshung/react-no-ssr
yarn add @kwooshung/react-no-ssr
pnpm add @kwooshung/react-no-ssr
import { NoSSR } from '@kwooshung/react-no-ssr';
function App() {
return <NoSSR>这里的内容，只会在浏览器中显示</NoSSR>;
}
此组件，只有一个可选属性：Loading，在你的组件等待异步操作完成时，React 会渲染 loading。这通常被设置为一个加载指示器，例如一个旋转的图标或者"加载中..."的文本，以给用户一个正在加载的反馈。当异步操作完成，loading 将被替换为你的组件的子组件。
import { NoSSR } from '@kwooshung/react-no-ssr';
function App() {
return <NoSSR loading={<div>loading...</div>}>这里的内容，只会在浏览器中显示</NoSSR>;
}
useNoSSR 它接受一个回调函数作为参数，这个回调函数只会在浏览器中执行，而不会在服务器端执行。
import { useNoSSR } from '@kwooshung/react-no-ssr';
function App() {
useNoSSR(() => {
console.log('这里的内容，在浏览器开发者工具中显示');
});
return </>;
}
export default App;
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。