react-wrapper 相关问题

我有一个 React-Redux 存储，它包装在 next-redux-wrapper 中。我想在 React 组件之外调度一个函数，但由于包装器的原因我无法这样做。有办法导入吗

我确实有一个react redux store，它包装在next-redux-wrapper中。我想在 React 组件之外调度一个函数，但由于包装器的原因我无法这样做。有没有办法让我...

在我的 Home.js 中我有以下代码从“反应”导入反应；导入'./Home.css'; 常量文本变体 = {...} 常量主页 = () => { 返回（ ... 在我的 Home.js 中，我有以下代码 import React from 'react'; import './Home.css'; const textVariants = {...} const Home = () => { return ( <div id='home' className='page'> <motion.div className='text-wrapper' variants={textVariants} initial='initial' animate='animate'> <motion.div className='text-container' variants={textVariants}> <motion.h1 variants={textVariants}>NAME</motion.h1> <motion.h2 variants={textVariants}>An enthusiatic university student</motion.h2> </motion.div> </div> ); }; export default Home; 在 Home.css 中， .text-wrapper { max-width: 1366px; height: 100%; } .text-container { height: 100%; width: 50%; padding-left: 10%; h1 { letter-spacing: 10px; font-size: 50px; margin-bottom: -5%; } h2 { font-size: 80px; } } 我有 About.js 和 About.css 以及以下内容， import './About.css'; const About = () => { return ( <div id='about' className='page'> <div className='text-container'> <h1>About Me</h1> </div> </div> ); }; 但是 About.js 应用了 Home.css 中的内容，即 .text-container。我该如何避免这种情况？我不知道为什么 Home.css 被应用到 About.js 即使我没有导入它。在React js中，任何根组件中导入的css文件适用于整个项目。 css 类可以在项目层次结构中的任何位置访问。我们无法避免这种情况，因为文件被应用于根目录。您必须为不同的组件使用特定的类名称。专业提示：创建可重用的组件，以便您可以将相同的类应用于每个相同的组件..

如何使用 vitest 和 vue-test-utils 测试 Vuetify 3 select？

我在表单中有一个 v-select，我想用 vitest 和 vue-test-utils 进行测试。我在表单中有一个 v-select，我想用 vitest 和 vue-test-utils 进行测试。 <v-select clearable :items="models" item-value="id" item-text="name" ref="model-select" required="true" v-model="selectedModel" ></v-select> 我尝试用我在here找到的两种方法来测试它。带注释的代码是一种方法，未注释的代码是第二种方法。 test('it fills the form', async () => { models = [ { id: '1', name: 'foo', }, { id: '2', name: 'bar', }, ]; await nextTick(); // const select = wrapper?.findComponent({ref: 'model-select'}); // expect(select?.exists()).toBeTruthy(); // select?.vm.selectItem('foo'); // await nextTick(); wrapper?.find('[data-testid="model-select"]').trigger('click'); await nextTick(); wrapper?.find('.menuable__content__active')?.findAll('.v-list-item')?.at(0)?.trigger('click'); await nextTick(); }); 我似乎找不到正确的解决方案，DOM 包装器要么不知道选择项目的方法（第一种方法），要么是空的，因为它找不到 vuetify 选择菜单（第二种方法）有人遇到同样的问题并找到适合我使用的软件包的解决方案吗？我找到了答案。您无法访问底层 html 的值，而是访问组件实例并获取值 import { mount } from '@vue/test-utils' describe('my test', () => { wrapper = mount(MySelect) test('it fills the form', async () => { models = [ { id: '1', name: 'foo' },{ id: '2', name: 'bar',}, ]; const component = wrapper.findComponent('[data-testid="model-select"]') await component.setValue(models[0]) console.log('new value', component.vm.modelValue) }) 我花了几天时间尝试解决同样的错误。我希望我有所帮助。问候！

Angular Material 2：修复多行错误消息

我在我的角度应用程序中使用角度材料2。当我的表单输入字段错误消息超过一行时，我遇到了问题。这是照片：这是代码：我在我的角度应用程序中使用角度材料 2。当我的表单输入字段错误消息超过一行时，我遇到了问题。这是照片：这是代码： <md-error *ngIf="password.touched && password.invalid"> <span *ngIf="password.errors.required"> {{'PASSWORD_RECOVERY.FIELD_REQUIRED' | translate}} </span> <span *ngIf="password.errors.minlength || password.errors.maxlength"> {{'PASSWORD_RECOVERY.PASSWORD_LENGTH' | translate}} </span> <span *ngIf="password.errors.pattern"> {{'PASSWORD_RECOVERY.FOR_A_SECURE_PASSWORD' | translate}} </span> </md-error> 我通过阅读 github 了解到，这是 Angular 2 材料中的一个错误。有人通过自定义解决方法成功解决了这个问题吗？问题是类为 .mat-form-field-subscript-wrapper 的元素是 position: absolute，所以它不占用实际空间。按照 xumepadismal 在 github 上关于此问题的建议，您可以添加此 scss 作为解决我的问题的解决方法： // Workaround for https://github.com/angular/material2/issues/4580. mat-form-field .mat-form-field { &-underline { position: relative; bottom: auto; } &-subscript-wrapper { position: static; } } 它会转换静态 div 中的 .mat-form-field-subscript-wrapper 节点，并将 .mat-form-field-unterline 重新定位在输入字段之后。正如材料 15 中在 github 讨论中提到的，可以通过将 subscriptSizing="dynamic" 添加到 mat-form-field 来解决问题。要更改默认行为，您必须使用以下选项更新 angular.module.ts 提供程序： providers: [ { provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { subscriptSizing: 'dynamic' } } ] 这也可以在材料文档中找到使用@mattia.corci提出的解决方案会导致错误消息被推到底部太多，从而在顶部留下不必要的空白空间。使用 Tailwind CSS，这个解决方案对我来说适用于最新的 Angular 17： .mat-mdc-form-field { @apply w-full self-start; .mat-mdc-form-field-subscript-wrapper { @apply flex; .mat-mdc-form-field-error-wrapper { @apply static; } } } mat-form-field.ng-invalid.ng-touched { animation: example; animation-duration: 0.3s; margin-bottom: 20px; } @keyframes example { from { margin-bottom: 0; } to { margin-bottom: 20px; } } 它对我有用。

我无法打印onChange的值

从“react”导入React；从“react-input-mask”导入InputMask；从“./inputMask.module.scss”导入样式；从“反应...

无法在react-三纤维中导入dat.gui

对于使用react- Three-Fiber制作的项目，我导入了以下库：从 '三' 导入 * 作为三；从“react”导入 React, { Suspense, useState }; 导入 { 画布，useLoader }

为什么我导入 React 时服务器返回 MIME 类型为“text/html”？

这是我的js：从'./node_modules/react'导入React；从'./node_modules/react-dom'导入ReactDOM；让 thePage = React.createElement( '主要的'，无效的， '哈哈' ）； ReactDOM.render(thePage,

如果父级 <a> 具有特定类，如何使用 JavaScript 将 <span> 标签的文本用 <div> 括起来

我有以下代码我有以下代码 <div class="team-grid"> <div class="cssgrid-wrapper"> <div class="cssgrid-container"> <div class="tmb"> <div class="t-inside "> <div class="t-entry-text"> <div class="t-entry-text-tc"> <div class="t-entry"> <p class="t-entry-meta"> <span class="t-entry-category t-entry-tax"> <a href="#">Category one</a> </span> </p> </div> </div> </div> </div> </div> </div> <div class="tmb"> <div class="t-inside "> <div class="t-entry-text"> <div class="t-entry-text-tc"> <div class="t-entry"> <p class="t-entry-meta"> <span class="t-entry-category t-entry-tax"> <a href="#">Category two</a> </span> </p> </div> </div> </div> </div> </div> </div> </div> 并且我想使用javascript将每个A标签的文本包含在具有“hide”类的SPAN中，如果a标签具有具有“team-grid”类的祖父母DIV和具有“t-entry”类的父SPAN -类别'。所以在上面的例子中结果将是 <div class="team-grid"> <div class="cssgrid-wrapper"> <div class="cssgrid-container"> <div class="tmb"> <div class="t-inside "> <div class="t-entry-text"> <div class="t-entry-text-tc"> <div class="t-entry"> <p class="t-entry-meta"> <span class="t-entry-category t-entry-tax"> <a href="#"><span class="hide">Category one</span></a> </span> </p> </div> </div> </div> </div> </div> </div> <div class="tmb"> <div class="t-inside "> <div class="t-entry-text"> <div class="t-entry-text-tc"> <div class="t-entry"> <p class="t-entry-meta"> <span class="t-entry-category t-entry-tax"> <a href="#"><span class="hide">Category two</span></a> </span> </p> </div> </div> </div> </div> </div> </div> </div> 如有任何帮助，我们将不胜感激。 document.querySelectorAll('.team-grid .t-entry-category > a').forEach(a => { a.innerHTML = `<span class="hide">${a.textContent}</span>`; });

尽管已安装，但找不到模块“@tanstack/react-table”

我正在开发一个 TypeScript React 项目，我正在尝试从 columns.tsx 文件中的 @tanstack/react-table 导入 ColumnDef。从“@tanstack/react-table”导入{ColumnDef}；出口...

create-react-app的内容没有推送到github

我将 Go 和 React 代码推送到了 github。 Go代码已成功提交，但React代码未成功提交。 React 内容是由 create-react-app 创建的。文章 ├ 应用程序接口 │ └ main.go └ 客户 └ 反应

在@html中使用svelte css类

我有一个返回带有类的html的api，我想知道如何为它们使用svelte样式定义。应用程序.Svelte 让字符串 = `<span class="status">ok</span>...</desc> <question vote="7"> <p>我有一个返回带有类的 html 的 api，我想知道如何为它们使用 svelte 样式定义。</p> <p>应用程序.Svelte</p> <pre><code><script> let string = `<span class="status">ok</span>`; </script> <p>{@html string}</p> <style> .status { color: red } </style> ... {@html marked} </code></pre> <p>退货 <pre><code>Unused CSS selector (8:1)</code></pre></p> </question> <answer tick="true" vote="10"> <p>Svelte 将删除它在标记中找不到的所有 CSS，这就是它删除示例中的 <pre><code>status</code></pre> 类的原因。然而，有一种方法可以告诉 Svelte 不要管这些类，那就是简单地声明它们 <em>global</em>:</p> <p><pre><code>:global(.status) { }</code></pre></p> <p>请注意，这会将这些样式应用于应用程序中的 <strong>ALL</strong> <em>.status</em> 类，为了仍然具有一些范围，您可以以某种方式将其设为子选择器</p> <pre><code> <style> .wrapper > :global(.status) { } </style> <div class="wrapper"> {@html marked} </div> </code></pre> <p>这样它只会应用于<em>wrapper</em>内的<em>status</em>类。</p> </answer> <answer tick="false" vote="0"> <p>我试图使用 h2 标签来做到这一点，因为我正在使用“flowbite-svelte”的 svelte 应用程序中集成tincyMCE。对我有用的是：</p> <pre><code> :global(.content h2) { font-size: 1.5em; } </code></pre> <p>“内容”是我的 div 类。</p> </answer> <answer tick="false" vote="0"> <p>根据您的情况，您可能会发现一种比 :global() 更有吸引力的替代方案。</p> <p>您可以选择导入 CSS 并使其仅向下流动到项目中的子页面。</p> <p>例如，如果您有这样的结构：</p> <pre><code>routes/app +layout.svelte /subpages /portal +layout.svelte /subpages /marketing +layout.svelte /subpages </code></pre> <p>您可以将 CSS 导入到上述任一布局中的布局部分，并且仅将其应用于其下方的所有子页面。</p> <pre><code><script> import "../styles/marketing.styl" </script> </code></pre> </answer> </body></html>

创建新的 React 应用程序时遇到麻烦

当我尝试创建一个新的 React 应用程序时，我收到以下错误消息，安装软件包。这可能需要几分钟。安装中 React、react-dom 和带有 cra-temp 的 React-scripts...

react-testing-library：无法关闭 MUI Select 的下拉菜单

我有一个 SelectExample.js 从“react”导入 React, { useState }; 从“@mui/material”导入{InputLabel、MenuItem、FormControl、Select、Typography }；> 导出默认fu...

在React版本18中使用react-facebook-login

我希望将react-facebook-login库与React版本18一起使用，但我无法安装该包。 npm 在控制台上抛出错误？该库是否支持 Reac 18 版本...

ASP.NET MVC 项目模板在移动设备上无法调整为 100%

我不明白为什么 Web .Net MVC 项目上的默认模板没有在移动设备中调整为 100% 宽度。我在视图上使用数据表： @模型IEnumerable 我不明白为什么 Web .Net MVC 项目上的默认模板没有在移动设备中调整为 100% 宽度。我在视图上使用数据表： @model IEnumerable<iziConference.Models.EventAttendee> <h2>Participantes.</h2> <br /> <button><a style="text-decoration: none" href='@Url.Action("Create", new { eventId = ViewBag.EventId })'>Criar Participante</a></button> <button id="at-btn-refresh"> Actualizar</button> <input id="eventId" type="hidden" value="@ViewBag.EventId"> <table id="at-attendees-list" cellpadding="10" border="1" class="row-border stripe"> <thead> <tr> <th>ID</th> <th>Tipo</th> <th>Nome</th> <th>Email</th> <th>Estado </th> </tr> </thead> <tbody> @foreach (var item in Model) { <tr id="[email protected]_Id"> <td style="padding: 5px"> @Html.DisplayFor(modelItem => item.Attendee.Id) </td> <td> @Html.DisplayFor(modelItem => item.AttendeeType) </td> <td> @Html.DisplayFor(modelItem => item.Attendee.Name) </td> <td> @Html.DisplayFor(modelItem => item.Attendee.Email) </td> <td> @if (item.IsActive) { <button id="[email protected]_Id" class="at-btn-active-state active" data-attendee-id="@item.Attendee_Id" data-attendee-name="@item.Attendee.Name" data-active-new-state="false" data-show-confirmation-alert="true">Desactivar</button> } else { <button id="[email protected]_Id" class="at-btn-active-state inactive" data-attendee-id="@item.Attendee_Id" data-attendee-name="@item.Attendee.Name" data-active-new-state="true" data-show-confirmation-alert="true">Activar</button> } </td> </tr> } </tbody> </table> 由脚本加载： var _atteendeesList = "at-attendees-list"; $("#" + _atteendeesList).DataTable({ "paging": false, "info": false, "language": { "search": "Pesquisar:", "info": "Participantes inscritos: _PAGES_" } }); 使用默认的_Layout.cshtml： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>izigo Conference - Gestor de Conteúdos</title> <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <meta name="viewport" content="width=device-width" /> @Styles.Render("~/Content/css") @Scripts.Render("~/bundles/modernizr") </head> <body> <header> <div class="content-wrapper"> <section id="login"> @Html.Partial(MVC.Account.Views._LoginPartial) </section> <div style="padding: 10px;"> @if (Request.IsAuthenticated) { <nav> <ul id="menu"> <li>@Html.ActionLink("Home", MVC.Home.Index())</li> <li>@Html.ActionLink("Participantes", MVC.Attendee.Index())</li> <li>@Html.ActionLink("Check-in", MVC.Checkin.Index())</li> </ul> </nav> } </div> </div> </header> <div id="body"> @RenderSection("featured", required: false) <section class="content-wrapper main-content clear-fix"> @RenderBody() </section> </div> <footer style="padding-left: 25px;"> <div class="content-wrapper"> <div class="float-left"> <p>© @DateTime.Now.Year - <a href="https://www.izigo.pt/conference" target="_blank">izigo Conference</a> - <i>Powered by</i><a href="https://www.izigo.pt" target="_blank">izigo.pt</a></p> </div> </div> </footer> @Scripts.Render("~/bundles/jquery", "~/bundles/iziconference") @RenderSection("scripts", required: false) </body> </html> 研究了 dataTables 库的选项后，我找到了一个创建响应式解决方案的选项：我已经包含了响应表结构和columnDefs的选项，以选择哪些选项在移动设备中保持可见： $("#" + _atteendeesList).DataTable({ "responsive": true, "columnDefs": [ { responsivePriority: 1, targets: 0 }, { responsivePriority: 2, targets: -1 } ], "paging": false, "info": false, "language": { "search": "Pesquisar:", "info": "Participantes inscritos: _PAGES_" } }); 我还必须在捆绑包中包含数据表扩展的 js 和 css 响应式库（可在此处下载：https://datatables.net/download/）： bundles.Add(new ScriptBundle("~/bundles/iziconference").Include( "~/Content/Scripts/datatables.min.js", "~/Content/Scripts/dataTables.responsive.min.js")); // add-on bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/Styles/datatables.min.css", "~/Content/Styles/responsive.dataTables.min.css"));

如何在 EAS 构建中使用 React Native Reanimated？

我按照react-native-reanimated文档的安装说明创建了两次相同的应用程序https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/ge...

React-select：虚拟化选项列表

在最新版本的react-select（3.1.0）中虚拟化选项列表的预期方式是什么？有react-virtualized-select，但不再支持。谢谢。

ng-bootstrap 滚动间谍在没有高度的情况下无法工作？

我在我的项目中使用 ng-bootstrap [ngbScrollSpy] 指令，如文档中所述，但它不起作用 - 滚动时活动项目不会改变。我的代码如下：我在我的项目中使用 ng-bootstrap [ngbScrollSpy] 指令，如文档中所述，但它不起作用 - 滚动时活动项目不会改变。我的代码如下： <div> <div class="sticky-top"> <ul class="nav menu-sidebar"> <li > <a [ngbScrollSpyItem]="[spy, 'about']">About</a> </li> <li > <a [ngbScrollSpyItem]="spy" fragment="schedule">Schedule</a> </li> <li > <a [ngbScrollSpyItem]="spy" fragment="hotel">Information about the hotel</a> </li> </ul> </div> <div ngbScrollSpy #spy="ngbScrollSpy" > <section ngbScrollSpyFragment="about"> <h3>About</h3> <p>{{some long long text and content}}</p> </section> <section ngbScrollSpyFragment="schedule"> <h3>Schedule</h3> <p>{{some long long text and content}}</p> </section> <section ngbScrollSpyFragment="hotel"> <h3>Information about the hotel</h3> <p>{{some long long text and content}}</p> </section> </div> </div> 我在这个 stackoverflow 问题中看到，我的问题是我没有向我的 div 提供 height，这是事实。但我的滚动间谍部分遍布整个页面，而不是一个小 div，（导航本身是 sticky-top）。所以我不能给它高度。我知道有替代方法 - 刷新窗口滚动上的滚动间谍，但我没有找到可以帮助我的正确代码。你能解决我的问题吗？为我提供刷新滚动间谍的代码/给我有关高度的提示/帮助我找到另一个相应的元素。非常感谢！附上 stackblitz 演示的链接注意：我使用来自 @ng-bootstrap/ng-bootstrap 的 NgbScrollSpy （我想它是非常相似的库）我做什么：我将所有内容（包括导航）包装在中 <div class="wrapper" ngbScrollSpy #spy="ngbScrollSpy" rootMargin="2px" [threshold]="1.0" > <div class="sticky-top pt-4 pb-4 bg-white"> ..here the navigation... </div> ..here the sections... <section ngbScrollSpyFragment="about"> </section> //the last I use margin-bottom:2rem; <section ngbScrollSpyFragment="hotel" style="margin-bottom:10rem" </section> </div> 见“门槛”。这表明“更改”活动片段应该可见的百分比（1 是 100%）包装类 .wrapper{ height:100%; position: absolute; top:0; } 我使用强制链接的类别 //remove all the class for the link a{ color:black; text-decoration:none; padding:8px 16px; } a.custom-active{ color:white; background-color:royalblue } 以及我使用的每个链接 <a [class.custom-active]="spy.active=='about'">About</a> 嗯，问题是如何“滚动到”。 “链接”应该作为链接使用。第一个是指示“路由器”应该考虑“碎片” 如果我们的组件是独立组件，我们需要使用提供者，provideRouter bootstrapApplication(App, { providers: [ provideRouter([], withInMemoryScrolling({anchorScrolling:'enabled'})), ] }) 然后，我们需要考虑到我们的页面确实没有滚动，div“包装器”是谁拥有滚动。因此，我们订阅 router.events，当事件有“锚点”时，我们滚动“包装器”div constructor(router: Router) { router.events.pipe(filter((e:any) => e.anchor)).subscribe((e: any) => { (document.getElementById('wrapper') as any).scrollTop+= (document.getElementById(e.anchor)?.getBoundingClientRect().top||0) -72; //<--this is the offset }); } 在这个stactblitz中你有一个有效的例子

升级到 React 18 后 React App 未渲染

`我的 React 应用程序运行良好，但升级到 React 18、mui v5 和 redux v5 后，它没有渲染任何内容。在终端中，我得到： webpack 编译成功但在 chrome 控制台中...

反应问题，当我将标头组件添加到我的主页组件时，没有任何内容加载

从“react”导入React；从 '@chakra-ui/react' 导入 { ChakraProvider, CSSReset }; 从 'react-router-dom' 导入 { BrowserRouter as Router, Route, Routes }; 从 './nav' 导入导航；导入首页

元素未显示在 React Native 上

电流输出：预期输出：当前代码实施：从“反应”导入反应从 'react-native-svg-charts' 导入 { LineChart, XAxis, YAxis } 从 'react-native' 导入 { View, Text }

create-react 应用程序的替代品是什么

我有一个基于 Create React App 构建的 React 项目，我正在探索替代构建工具。有哪些推荐的方法或工具可以从 Create React App 迁移出来？有什么经历或

饼图未使用 Chart 在 React 中渲染

我在使用react-chartjs-2库和Chart.js在React组件中渲染饼图时遇到问题。图表的数据是从 API 获取的，图表预计

带斜杠的边框半径在 React-pdf 中不起作用

我知道我们可以在CSS中为半圆设置border-radius: 4px/2px。但它在 React pdf 中不起作用。我尝试过这些。我知道我们可以在CSS中为半圆设置border-radius: 4px/2px。但它在 React pdf 中不起作用。我尝试过这些。你好我导入了所有 React pdf 元素。但是当我尝试上述设计时，我在控制台中收到错误。错误是 @react-pdf_renderer.js?v=e8b1cced:113701 Error: unsupported number: NaN at number2 (@react-pdf_renderer.js?v=e8b1cced:58798:11) at PDFDocument2.lineTo (@react-pdf_renderer.js?v=e8b1cced:59998:28) at clipNode2 (@react-pdf_renderer.js?v=e8b1cced:32924:7) at renderBackground3 (@react-pdf_renderer.js?v=e8b1cced:34087:5) at renderNode3 (@react-pdf_renderer.js?v=e8b1cced:34139:3) at renderChild2 (@react-pdf_renderer.js?v=e8b1cced:34123:12) at Array.forEach (<anonymous>) at renderChildren2 (@react-pdf_renderer.js?v=e8b1cced:34125:12) at renderNode3 (@react-pdf_renderer.js?v=e8b1cced:34145:5) at renderChild2 (@react-pdf_renderer.js?v=e8b1cced:34123:12) 有人可以帮忙吗测试此类语法的最简单方法是在 repl 中https://react-pdf.org/repl 简短的回答是 4px/2 不是单个 px 值，因此 = NAN 使用任何其他单个愚蠢的数字即可。

运行单元测试时无法检测到已安装的react-router-dom包

我想用react-router-dom学习react测试库。我使用 npx create-react-app 命令创建了该应用程序。生成的代码在父文件夹中已经有一个 App.test.js：导入{渲染，

React + GoogleMaps 显示标记非常慢

我第一次在react应用程序中使用googlemaps，遵循此处的google文档：https://developers.google.com/codelabs/maps-platform/maps-platform-101-react-js#0 。这是一个基本的应用程序，

jquery__WEBPACK_IMPORTED_MODULE_2___default(...)(...).owlCarousel 不是函数（React）

我正在制作一个网络应用程序，我需要在其中实现猫头鹰旋转木马。我的组件“TopEventSection.jsx”文件：从“react”导入React，{useEffect}；从&q导入img...

d3 svg 与 nextjs mouseenter 仅触发一次

我正在开发一个 React 组件，该组件使用了 D3，但是 svg 圆圈仅触发一次。从 'react' 导入 React, { useEffect, useRef, useState }; 从 'd3' 导入 * 作为 d3；导入

我的 nextjs 项目中的信号存在一些问题

“使用客户端”；从“react”导入 React, { useEffect, useState }; 从“framer-motion”导入{ AnimatePresence，运动}；从“...

React 图标未解析

编译失败。找不到模块：错误：无法解析“C:\Users\janan\OneDrive\Desktop\dukaan”中的“react-icons/ai” 伊什扬\sr

有没有办法清除react中的react历史记录？

我有一个针对移动用户的 Web 应用程序，但由于我们的客户不需要移动应用程序，因此它是使用 React 开发的。我已经使用 React Router 实现了应用内路由。我用

如何从 React Native 项目中删除 Kotlin

我之前在Flutter工作，现在切换到React Native，但是当我创建新的React Native项目时，kotlinversion和ndkversion会自动添加到项目中的build.gradle文件中。嗬...

反应单元测试“不是函数”对象。<anonymous>

努力为使用 redux/sagas 的文件编写一些单元测试。 app.tsx 文件看起来像这样从 'react' 导入 React, { StrictMode } 从'react-dom'导入ReactDOM 导入 { Provider } f...

在 React Native 中检索 IMEI 号码

我正在开发 React Native 应用程序，需要检索特定用例的设备的 IMEI 号码。在 React Native 中是否有推荐且安全的方法来获取 IMEI 号码？

当 React hook 依赖于来自 hook 的函数时，我应该先记住它吗？

我是一名经验丰富的程序员（10 年以上），但对 React 很陌生（< 2 years). I picked up React in a very "operational" way (i.e. being happy when things work without very deep understanding...

MathJax 未使用 ReactMarkdown 在 React 中渲染 LaTeX

我目前在 React 应用程序中面临 MathJax 和 ReactMarkdown 的问题。我已经设置了一个使用 better-react-mathjax 来渲染 Markdown 内容的组件，包括 LaTeX math express...

signals-react中effect和useSignalEffect的区别

这个问题不是问题，只是出于教育目的。我正在react应用程序中尝试来自@preact/signals-react的effect和useSignalEffect。问题是我看到效果并使用SignalEffec...

React 和 Flask-login - 检查用户是否登录

我在前端使用 React 18.2，在后端使用 Flask 登录。这是一个 RestAPI 设置，身份验证将使用会话。我自己实现了登录，React 发送登录

将 React Native 版本升级到 0.72.3 时出错：任务 ':invertase_react-native-apple-authentication:' 执行失败

我正在将我的 React Native 项目从版本 0.64.4 更新到 0.72.3。为了帮助更新，我一直在遵循 React Native Upgrade Helper (https://

如何在 RTL 测试中使用 React Redux useDispatch 钩子？

我想在使用 redux 调度后测试 React 组件。我正在使用“test-utils.ts”文件中的自定义渲染函数：从 'react' 导入 { ReactElement } 导入{渲染，渲染O...

如何在 React 应用程序中显示“使用 Paypal 登录”按钮

前言：我有 1 天的 React 体验。使用教程中的源代码，该源代码设置为使用谷歌登录。 https://github.com/The-Tech-Tutor/spring-react-login 我...

任务':react-native-health-connect:compileDebugKotlin'执行失败

我试图将react-native-health-connect添加到我们的React Native应用程序中。添加此库后，我将最小 SDK 更改为 26，将compileSdkVersion 更改为 34。在这些更改之后，

React Native 中 Stripe 的 `confirmSetupIntent` 出现资源丢失错误

我在我的 React Native 应用程序中使用 @stripe/stripe-react-native （版本 0.19.0）包。当我尝试使用confirmSetupIntent方法确认安装意图时，我收到以下错误...

React Native 图像选择器不工作：任务：react-native-image-picker：compileDebugJavaWithJavac 失败

我一直在尝试将react-native-image-picker集成到我的React Native Android应用程序中，但是在按照设置说明进行操作后我遇到了问题。该应用程序无法正确加载图像选择器...

react-native-document-scanner-plugin 适用于 Android 的 React Native 文档扫描仪插件无法自动扫描或正确裁剪

我目前正在开发一个React Native应用程序，它包含使用react-native-document-scanner-plugin的文档扫描功能。虽然该插件在 iOS 设备上运行完美，但我已经

react-native（博览会）中的输入无法在网络上打开（混合应用程序）

我正在使用react-native（expo）创建一个应用程序混合体，以及一些类似的库： ` “依赖项”：{ "@apollo/client": "^3.8.4", “@gluestack-style/react&q...

React JS - 状态管理

我最近一直在学习React，我尝试构建一个小型网络应用程序来学习React。我对国家管理有疑问。我现在没有使用任何库进行状态管理，而且......

React store.getState 不是一个函数

这是我的代码：商店.js 从 'redux' 导入 {createStore, applyMiddleware, compose}；从“不可变”导入{fromJS}；从“react-router-redux”导入{routerMiddleware}；导入createSagaMidd...

Shadow-cljs 需要反应选择

目前我需要使用 ["react-select" :default Select] 来创建组件： (def dropdown-standard (ra/adapt-react-class Select)) （这非常有效）我想访问...

react-wrapper 相关问题

最新问题