在React中实现类似Pinterest的动态图片的CSS网格

所以我正在尝试使用CSSGrid来制作一个类似Pinterest的图片画廊。所以不同高度的图片可以相邻，并且每个图片可以占用空白空间。但是我看到的所有示例都是根据他们想要的高度在每个图片上添加不同的类，而我想从数据库动态...

P粉614840363来自于 2024-03-21 20:21:31 0  1  981

react中的受控元素怎么理解

react中的受控元素怎么理解？使用state状态控制？react中的受控元素怎么理解？使用state状态控制？

尊渡假赌尊渡假赌尊渡假赌来自于 2023-11-16 14:51:10 1  1  981

如何在玩笑中测试组件功能

您好，我是单元测试的新手，我有一个组件可以渲染产品列表并显示这些列表。我在该组件中还有一个功能，可以按价格范围过滤这些产品。我使用了ReactSlider，它基本上更新了两个状态变量“priceFrom”和“priceT...

P粉949848849来自于 2023-09-07 22:37:54 0  1  981

遇到Stripe问题的我的电子商务网站应用程序

我需要创建一个自定义组件，只是为了获取卡片信息并将其存储在Stripe上，以便以后可以对其进行收费。v3:1Uncaught(inpromise)IntegrationError:我们无法从指定的元素中检索数据。请确保您...

P粉593649715来自于 2023-09-05 09:15:39 0  1  981

React.js：为什么使用它时从 .env 文件访问我的 API 密钥需要 REACT_APP 前缀？ IE。 (process.env.REACT_APP_API_KEY)

根据我的理解，.env文件应该保存带有REACT_APP前缀的API密钥，后跟其名称，并且要使用该变量，我们必须省略REACT_APP前缀，但我注意到在某些情况下有不同的行为。我在.env文件中设置环境变量，如下所示：R...

P粉087951442来自于 2023-09-03 10:01:01 0  1  981

React Hook Form的useFieldArray无法显示数据

大家好，我使用ReactHookForm和useFieldArrayHook创建了一个MaterialUI表单。<Boxcomponent="form"onSubmit={handleSubmi...

P粉176151589来自于 2023-09-01 23:30:48 0  1  981

在 React Native 中滑动以打开联系人屏幕

我正在使用底部导航，当我通过滑动从拨号器屏幕导航到联系人屏幕时，当时我想直接打开手机的联系人屏幕。下面我分享了ContactComponent文件和BottomNavigation文件的代码。我是ReactNative的...

P粉545218185来自于 2024-03-29 19:46:00 0  1  980

在 NextJS 的应用程序目录中创建加载指示器或进度条：分步指南

我使用NextJS13开发了一个大型Web应用程序，第一个版本使用PagesRouter。完成几乎整个网站后，我成功迁移到应用程序目录。此迁移本质上并不是为了升级某些新的路由功能，而是我想更改在_app.tsx中导入的S...

P粉198670603来自于 2024-01-01 21:49:52 0  1  980

如何使React组件能够记录右键点击的变量，需要双击才能实现

我在我的项目中遇到了一个React组件的问题，当我在导航过程中需要点击两次才能正确记录右键点击的变量。以下是问题的详细信息和我的代码：我有一个React组件，表示课程课程导航系统。当我在导航菜单中点击一个课程时，它应该记...

P粉083785014来自于 2023-08-15 22:46:56 0  1  980

根布局组件是否可以隐藏在 Next.js 应用程序文件夹内的某些嵌套路由中？

有没有办法防止rootlayout被dashboardlayout包裹？Next.jsv13文档：我的文件结构：我可以使用路线组；但是，这样做会禁用我的contact、pricing路由中的包装。有没有办法防止这种情况发...

P粉418351692来自于 2024-03-26 11:24:59 0  2  979

使用Jest对Swiper进行测试

我有一个组件，它使用swiper/react。在编写测试用例时，我无法模拟onSlideChange中获取的swiper事件。我无法通过onSlideChangeHandler函数中的if条件。有人可以帮忙吗？谢谢！im...

P粉805931281来自于 2023-08-31 22:35:14 0  1  978

ReactJs：使用映射函数后我的父数组得到更新

我正在尝试在数组中插入新的键，这些键基本上是从父数组中提取的。我找不到仅仅通过将新密钥插入到提取的数组中就会导致商店内的主数组发生变化的原因。这是我尝试在自定义数组中添加新键值对的方法constarray=[{"...

P粉208286791来自于 2024-04-03 20:04:17 0  1  976

如何修改代码以在刷新时仅显示 20 个随机项目，不包括任何订购的项目？

我在这里问了一个关于如何从该JSON中获取20个随机项目的问题，我使用了如下答案之一：consta=Myjson;useEffect(()=>{for(leti=a.length;i-->0;){constj...

P粉252116587来自于 2024-03-22 13:19:54 0  1  976

在 React 中使用基于循环的参数有效地定义 useCallback 函数

问题在反应中，我确实经常需要使用诸如useCallback之类的内容来记忆项目列表中的函数（通过循环创建），以避免由于引用标识符不匹配而导致单个元素发生更改而重新渲染所有组件……不幸的是，这是令人惊讶的是很难到期。例如，...

P粉550823577来自于 2024-01-16 14:06:30 0  2  976

在 MUI StaticDatePicker 日历中突出显示日期

我正在尝试将MUIStaticDatePicker实现到我的React网站。我想要的是使用蓝色圆圈或徽章突出显示日历中的几天。我尝试了各种方法来实现这一点，但我无法获得日历中突出显示的日期输出。如果有人知道该怎么做，请帮...

P粉513316221来自于 2023-08-30 17:38:38 0  1  976