reactjs 相关问题

在 TipTap v.2.4.0 中，我遇到错误“无法使用扩展 StarterKit 解析 @tiptap/pm”

我按照他们的指南在我的 React 项目中安装了 TipTap v.2.4.0，但出现错误： 无法解析“@tiptap/pm/state” 无法解析“@tiptap/pm/gapcursor” 不能

react中代码分割和延迟加载的区别

我不太清楚这里加载的含义 - 它是指加载到内存中还是通过网络获取并加载到内存中？

当我console.log获取数据时，它显示为未定义，但当我刷新时它会出现

我有这个函数可以从我的 django API 中获取数据： const [filterData, setFilterData] = useState([]); const fetchFilterData = async () => { const filter_url = 'http://127.0....

如何在使用 React Material ui 对话框时防止重新渲染

我正在一个项目中使用react-material-ui库中的模态，我注意到在尝试打开/关闭对话框组件时出现了副作用。试试这个代码（代码沙箱）： 从...导入 { useState }

React 中的异步状态更改

我想了解反应状态变化的异步本质。下面的代码对我不起作用。正如我所料，它应该在发送相应的内容后重置表单输入字段...

服务器对客户端组件的操作作为 prop TS 警告

当我将服务器操作传递到客户端组件时，我收到 TS 警告。它不会给出编译错误，因此我可以忽略，但我更愿意摆脱警告。 TS71007：道具必须是

如何在react-querybuilder中过滤FieldSelector选项

我正在尝试从 FieldSelector 中删除我已经使用过的字段。 我有一个 FieldSelector 的自定义组件，假设 A、B、C、D、E 是 FieldSel 中可用的总字段...

user.uid 显示为空但已定义

我正在制作一种只有管理员才能发帖的博客网站。因此，我决定制作一个管理员导航栏，并从 Firebase 的数据库中验证用户是否是管理员。我想存储所有...

React-Slick 滑块显示的幻灯片数量多于“slidesToShow”属性中指定的数量

我正在使用react-slick来制作YouTube嵌入式视频的轮播。我已将 'slidesToShow' 值指定为 3。 但它显示了超过 3 张幻灯片，而且幻灯片未居中对齐。

更改 Material UI 选择器上的工作日标签

我正在使用 Material UI DatePicker，它将工作日显示为其首字母（M、T、W、T、F、S、S）。我希望它显示为每个工作日的三个字母首字母缩写（周一、周二、周三...

如何在 NextJS 中将 svgr 与 webpack 和 TypeScript 一起使用

我将 svg 文件存储在单独的文件中。我想将它们加载到 React 中并用作 React 组件，如下所示： 从 '@/components/editor/icons/add-column-after.svg' 导入 SampleIcon； 我有 svg 文件存储在单独的文件中。我想将它们加载到 React 中并用作 React 组件，如下所示： import SampleIcon from '@/components/editor/icons/add-column-after.svg'; <SampleIcon className="my-icon" /> 我安装了svgr并在next.config.js中使用，如下： webpack: (config) => { // SVG // Grab the existing rule that handles SVG imports const fileLoaderRule = config.module.rules.find((rule) => rule.test?.test?.('.svg') ); config.module.rules.push( // Reapply the existing rule, but only for svg imports ending in ?url { ...fileLoaderRule, test: /\.svg$/i, resourceQuery: /url/, // *.svg?url }, // Convert all other *.svg imports to React components { test: /\.svg$/i, issuer: fileLoaderRule.issuer, resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url use: [ { loader: '@svgr/webpack', options: { typescript: true, ext: 'tsx', }, }, ], } ); // Modify the file loader rule to ignore *.svg, since we have it handled now. fileLoaderRule.exclude = /\.svg$/i; return config; }, 它可以工作，但智能感知不起作用，即 SampleIcon 具有 any 类型。我尝试在根目录中创建 declarations.d.ts 文件并将其添加到 tsconfig.json 列表中的 include 中，但效果不佳。这是我的宣言： declare module '*.svg' { import React from 'react'; const SVG: React.VFC<React.SVGProps<SVGSVGElement>>; export default SVG; } 有什么想法吗？ 这很尴尬，但经过 2 小时的搜索后，我解决了这个问题： 确保 declarations.d.ts 文件位于 globals.d.ts 中的全局 tsconfig.json 文件之前： 错❌： "include": [ "next-env.d.ts", "declarations.d.ts", ... ] 正确✅： "include": [ "declarations.d.ts", "next-env.d.ts", ... ]

如何在 React.js 中使用 Bootstrap 4 中的轮播组件？

这是我试图与轮播一起使用的以下代码=>这基本上是网站上给出的示例。 没有错误，显示了活动滑块但无法滑动效果...

无法将参数传递到React处理函数中

我是反应新手，在将参数传递给处理函数时遇到问题。我的测试代码如下： 从“反应”导入反应； 从 'react' 导入 { useState, useEffect }; 导入'./App.css...

如何在 InfiniteScroll 渲染后更改滚动 Y

在我的项目中我想在用户点击某个按钮时更改scrollY，我尝试使用useState钩子更改initialScrollY，但它不起作用:( 我的代码是这样的 const [initialScrollY, setInitialS...

在哪里从 AWS Cognito 托管 UI 重定向发出 OAuth 2.0 代码端点请求以获取访问令牌

我有一个 /signup 组件，其中只有一个链接到我的 congito 托管 UI 的按钮。注册和登录的作用是将用户添加到用户池并确认电子邮件。我的重定向网址是 http...

axios post 请求在我的反应组件中不起作用

我有一个 React 应用程序，我尝试使用 Axios 创建 POST 请求，但它似乎不起作用。奇怪的是我检查了我的后端路由并使用 Nodemon 对其进行了测试。一切都是

React 服务端渲染前如何加载数据？

我正在开发一家网上商店。对于整个网站和所有页面来说非常重要的 SEO 优化。 前端基于React。我对开发还是新手，所以我开始做一个项目...

create-react-app：根据目录中的文件自动路由

如何修改create-react-app以便自动为目录中的react组件创建路由？ 例如，我的 src 目录如下所示： ├── 应用程序.css ├── App.js ├── App.test.j...

在 React 教程中，React 如何知道指定为维度的数字以像素为单位？

https://react.dev/learn#displaying-data 常量用户 = { 姓名：“海蒂·拉玛”， imageUrl: 'https://i.imgur.com/yXOvdOSs.jpg', 图像大小：90， }; 导出默认函数 Profile() { 返回 （ ...

Nextjs 公共文件夹

nextjs 项目的公共文件夹在哪里？ 我的意思是，有没有地方可以放置 favicon.png、google 站点验证、manifest.json、robots.txt 等？