reactjs 相关问题

React是一个用于构建用户界面的JavaScript库。它使用声明范式，旨在既高效又灵活。

使用 create-react-app 依赖项时 @testing-library 无法解析

使用 npm 安装模板依赖项... npm 错误！代码 ERESOLVE npm 错误！ ERESOLVE 无法解析依赖关系树 npm 错误！ npm 错误！解决时：[email protected] npm 错误！发现：[email protected] ...

reactjs npm dependencies react-dom testing-library

回答 3 投票 0

为什么我的 FluentUI React 应用程序中的 CSS 变量未定义？

我有一个相当复杂的 React 应用程序 (v18)，使用 FluentUI (v8) 并使用 Vite (v5) 进行构建。有一系列受主题影响的 CSS 变量，但对于我的应用程序来说，它们似乎是...

javascript css reactjs fluent-ui fluentui-react

回答 1 投票 0

react-admin编辑组件不调用更新功能

我正在开发一个react-admin应用程序，并且遇到一个问题，当在编辑视图下单击“保存”按钮时，不会调用我的dataProvider中的更新函数。我的 App.js 看起来像...

javascript reactjs react-admin

回答 3 投票 0

当子级有条件渲染时，React 如何确定应用哪种状态？

React 通过存储 useState 调用的顺序来维护其状态，并在下次重新渲染时用该顺序填充状态。但是当有条件重新渲染时，比如有一个 bo...

reactjs

回答 3 投票 0

升级到 v7 后使用 React 测试库进行测试时，React Router Outlet 未在嵌套路由中渲染

从 '@testing-library/react' 导入 { render, screen, waitFor }; 从“反应”导入反应；从 'react-router-... 导入 { createMemoryRouter, RouterProvider, Outlet, createBrowserRouter }

reactjs react-router react-testing-library

回答 1 投票 0

React TypeScript BigCalendar 自定义工具栏传递道具

我在添加自定义工具栏来反应大日历时遇到困难。我正在打字稿中对此进行编码，但我在我的父类的自定义工具栏组件中传递道具时遇到困难...

reactjs typescript react-typescript react-big-calendar

回答 2 投票 0

将 google adsense 集成到 nextjs 时遇到问题

我正在尝试将 adsense 集成添加到我的 Next.js 应用程序中。 <question vote="0"> <p>我正在尝试将 adsense 集成添加到我的 Next.js 应用程序中。 </p> <pre><code> <script dangerouslySetInnerHTML={{ __html: ` (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-XXX", enable_page_level_ads: true }); `, }} ></script> </code></pre> <p>这是我的代码。我在 <pre><code><Head></code></pre> 组件内的 _document.tsx 文件中实现了它。但是，我仍然无法验证我的网站。我可以在互联网上找到线索但没有得到答复。我很感激你的帮助。如果您需要更多详细信息，请告诉我。</p> <p>注意：我刚刚替换了广告客户端值。在我原来的代码中，它是google adsense中的代码。</p> </question> <answer tick="false" vote="0"> <p>您应该这样导入 <strong>_document.tsx</strong> 中的 adsense 脚本：</p> <pre><code>import { Html, Head, Main, NextScript } from 'next/document'; import Script from 'next/script'; export default function Document() { return ( <Html lang="en"> <Head> <Script async src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${YOUR_CLIENT_ID}`} strategy="lazyOnload" crossOrigin="anonymous" /> </Head> <body> <Main /> <NextScript /> </body> </Html> ); } </code></pre> <p>然后您的广告横幅组件将类似于以下内容：</p> <pre><code>import { useEffect } from 'react'; const AdBanner = (props) => { useEffect(() => { try { (window.adsbygoogle = window.adsbygoogle || []).push({}); } catch (err) { console.log(err); } }, []); return ( <ins className="adsbygoogle adbanner-customize" style={{ display: 'block', overflow: 'hidden', }} data-ad-client={YOUR_CLIENT_ID} {...props} /> ); }; export default AdBanner; </code></pre> <p><a href="https://dev.to/ericus123/how-to-integrate-google-adsense-in-nextjs-29db" rel="nofollow noreferrer">来源文章</a></p> </answer> </body></html>

reactjs next.js adsense

回答 0 投票 0

React Native：TextInput 占位符未显示在 IOS 上

我有一个react-native组件，它有一个TextInput。在 Android 上，占位符显示没有问题，但是在 IOS 上，它不会显示。下面我附上了问题的图片，如...

javascript ios reactjs react-native textinput

回答 2 投票 0

如何简单生成N种颜色？

我正在使用 D3 7.9，但找不到简单生成 N 种颜色的方法，例如从彩虹中生成 N 种颜色。在 D3 的做事方式之外，你如何做到这一点？例如; const 类别 = ['a', 'b', 'c', ...

javascript reactjs d3.js

回答 1 投票 0

如何为 React 虚拟化网格中的所有渲染项目添加边距（每个框之间的空间）？

我使用react virtualized来显示一些项目。我现在的问题是如何为每个框添加边距以使每个框之间有空间？这是一个沙箱，您会看到所有盒子都有边框并且没有空间......