reactjs 相关问题

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

如果你使用的是redux,为什么还要使用react.useContext?技术上有何差异? [已关闭]

如果你已经在使用redux,为什么还要使用react.useContext? 我正在努力理解react.useContext相对于redux有什么好处。我有什么遗漏的吗? 我正在尝试更深入...

回答 2 投票 0

react-bootstrap-typeahead TypeScript-Ref-getInstance 不存在

我使用react-bootstrap-typeahead打字稿,从@types/react-bootstrap-typeahead添加类型 在 React 功能组件的 typeahead 中,我尝试访问 typeahead ref 并调用

回答 2 投票 0

应该使用async函数和Promise来等待BE返回的数据

我有一棵树,因此当用户单击根时,表格将自动显示该根节点的第一项。 当用户点击太快时(甚至在 API 树之前),就会出现问题

回答 1 投票 0

如何实现自适应卡片设计器

说明: 我正在尝试将自适应卡片设计器与摩纳哥编辑器集成。但是,我在模块加载方面遇到了一些问题,例如: 错误:es.global-this.js:7 未捕获的类型...

回答 1 投票 0

带有嵌套数据的材质 UI 数据网格

如何在 React Material UI 数据网格上渲染嵌套 JSON 数据。在附加的沙箱中,我想从数据网格嵌套 JSON 数据网格上的 json 显示用户的电话号码

回答 6 投票 0

Tailwind CSS justify- Between 不起作用

在我的代码中,调整之间不起作用。这是代码: 从 'postcss' 导入 { Container } 从“反应”导入反应 导出默认函数 Navbar() { 返回 ( <> 在我的代码中,调整之间不起作用。这是代码: import { Container } from 'postcss' import React from 'react' export default function Navbar() { return ( <> <nav className='w-full flex justify-between'> <div> asdsad </div> <div> asdsad </div> <div> asdsad </div> </nav> </> ) } justify-center、justify-start 和 justify-end 工作完美,但 justify- Between、justify-strech 等不起作用。 我尝试在这里创建它,它仍然可以正常工作。 这是带有 Tailwind 和 React 的代码的最小版本。它正确显示 div 之间的空间 // Example class component class Navbar extends React.Component { render() { const { title } = this.props; console.log("rendered"); return ( <> <nav className="w-full flex justify-start"> <div>aaaa</div> <div>bbbb</div> <div>cccc</div> </nav> <nav className="w-full flex justify-between"> <div>asdsad</div> <div>asdsad</div> <div>asdsad</div> </nav> </> ); } } // Render it ReactDOM.createRoot(document.getElementById("root")).render(<Navbar />); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/umd/react-dom.production.min.js"></script> <!-- Tailwind docs: https://tailwindcss.com/docs/installation/play-cdn --> <script src="https://cdn.tailwindcss.com"></script> <div id="root"></div>

回答 1 投票 0

React + TypeScript:“import.meta”属性的 Vite 构建错误

我正在开发一个使用 Vite 进行捆绑的 React 和 TypeScript 项目。该问题是在构建过程中出现的。我已经正确安装了所有依赖项,并且开发服务器运行良好,但是...

回答 1 投票 0

无法从非 EcmaScript 模块导入命名导出(组件)(仅提供默认导出)

在团队项目中尝试刷新重新安装node_modules后(我想从v18.15.0切换到v16.20.2 - NodeJS),当我输入npm start时,我收到了大约42个错误,例如: 无法导入指定的

回答 1 投票 0

同时进行多个活动并响应大日历

当我在日或周视图上同时有很多事件时,它们太小并且互相隐藏。 有没有一种方法可以延长一小时的高度并将所有事件显示在另一个下方或

回答 2 投票 0

启动vite+react时出错

我正在制作一个全栈项目,我有一个父文件夹,其中有前端和后端文件夹。 Frontend 文件夹是我的 Vite 项目,但是当我执行 npm run dev 时,它只显示错误: > 前端...

回答 2 投票 0

从 ketcher React 中的编辑器 React 组件访问结构属性

我正在构建一个与分子结构编辑器反应的网络应用程序。 使用 ketcher-standalone 中的示例,我让这个编辑器正常工作: 从“react”导入 {useState} 导入{

回答 1 投票 0

`npm run build` 在 Next.js 14 中不起作用

Next.js 构建问题:部署服务器上“next:未找到” 描述: 我的 Next.js 项目在构建过程中遇到问题。本地构建期间的日志...

回答 2 投票 0

初学者天气 API 问题

谁能告诉我这段代码哪里出了问题?它触发一次,并始终显示相同的城镇名称。 常量天气 = () => { const [zipCode, setZipCode] = useState("");

回答 1 投票 0

如何避免从我的 Javascript pp 调用 js.arcgis.com

我正在使用 ArcGis JavaScript SDK 构建 JavaScript 应用程序。 我们要求应用程序应在本地运行而无需外部依赖项。如何在不调用 js 的情况下使用 SDK。

回答 1 投票 0

如何在nextjs中的Quill文本编辑器中添加自定义字体

我正在 next.js 中使用react-quill 创建一个文本编辑器。我在我的项目中实现了整个文本编辑器。我的项目中有两个主要问题。 第一个是当我粘贴任何内容时...

回答 1 投票 0

仅当 Chrome Inspect 元素打开时,React 状态才会更新变量

我在使用 React 时遇到了一个问题,即我的代码的一部分仅在从 useState 分配的变量 tipo 获取值时才呈现。就我而言, useState 仅更新变量 t...

回答 1 投票 0

如何解决“[plugin:vite:import-analysis]无法解析从“pages\Group\index.tsx”导入“@layouts//Header”。该文件是否存在?”

首先,请知道我英语不好 我要构建我的第一个项目。我用的是react + ts + Vite。 我想从其他路线添加 Head 组件,但我不能...... 在 App.tsx 中,转到 /...

回答 1 投票 0

在 PDF 生成库(如 pdf-lib)中跨不同语言的多语言文本的 PDF 渲染问题

我在项目中使用 @react-pdf/renderer 和 pdf-lib 等库生成 PDF,并且在多语言文本的字体兼容性方面遇到了重大挑战。在我的用例中,

回答 1 投票 0

Vitest 出现类型错误:无法读取 null 的属性(读取“useRef”)

我正在尝试使用 Vitest 为我的 React 应用程序设置测试,但我遇到了一个错误,这一定是由于我的测试套件中缺少某些依赖项或错误造成的。我不确定这到底是什么...

回答 2 投票 0

为什么 OnKeydown 和 OnClick 在我的代码中工作方式不同?

我正在创建一款恐龙游戏,其中通过单击(任意位置)或按空格键来触发跳跃。 我添加了最后一个阶段 (4),其中相同的按键仍会触发相同的函数 Jump(),但是 t...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.