reactjs 相关问题

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

无法访问CodeSandbox中的环境变量

我已阅读文档： https://codesandbox.io/docs/learn/environment/secrets 我已经相应地存储了我的环境变量：然而，当我真正尝试访问这些环境变量时......

reactjs next.js google-maps-api-3 environment-variables codesandbox

回答 1 投票 0

React 项目的 Node-sass 或 SASS

我只是想知道在使用 CRA 引导的 React 项目中使用 node-sass 或仅使用 SASS 的主要区别是什么？其中一种比另一种有优势吗？或者他们是...

reactjs sass node-sass

回答 2 投票 0

带超链接的材质 UI 文本字段

将超链接连同文本内容作为值传递给material-ui的TextFeild，但它呈现为字符串（如下图所示）成分：从 '@material-ui/core' 导入 { TextField, Link } ...

reactjs material-ui

回答 2 投票 0

Tinymce 编辑器代码插件在 React 模型中无法工作

我正在使用 Windmill React UI 作为弹出窗口。在弹出窗口内，我使用 Tinymce 编辑器来存储电子邮件模板。编辑器正在显示，但在源代码弹出窗口中我无法编辑。请帮我解决这个问题

javascript reactjs tinymce

回答 2 投票 0

如何将 POST 方法与 aws-amplify v6 一起使用？

我正在尝试对 AWS-amplify 中的 REST API 执行发布请求。我已经在我的 Next js 项目中安装了 aws-amplify 依赖项，并在 Layout.tsx 文件中执行了初始操作

reactjs next.js aws-amplify

回答 1 投票 0

React MUI 卡无法具有相同的高度

我有一个带有 3 张卡的仪表板，其中调用了 3 个独立的组件。卡片的高度根据每张卡片的内容而扩展。我想让所有 3 张卡片的高度都与...

css reactjs material-ui grid styled-components

回答 1 投票 0

网站可以在本地运行，但不能在虚拟主机上运行

我以某种方式使我的网站在本地运行。但每当我尝试将其上传到 netlify 或 heroku 时，我总是收到错误，或者只是拒绝加载。这是一个 React 应用程序，使用 axios 来制作...

javascript node.js reactjs

回答 1 投票 0

MUI Datagrid V5 更改页脚高度

我一直在到处寻找改变 DataGrid 上的页脚高度但无济于事。我希望有一个像 headerHeight 这样的简单解决方案，但它似乎不存在。我的搜索是疯狂的还是盲目的...

javascript reactjs material-ui

回答 1 投票 0

重新加载页面并检查缓存值时，SocketIO 客户端 io.connect 无法连接到服务器

此前端从输入用户名 - >创建/加入大厅开始。当遵循此路径时，它工作正常并且套接字已连接。如果用户之前输入了用户名，则初始用户名...

javascript reactjs socket.io

回答 1 投票 0

React：列表中的每个子项都应该在reactapp中具有唯一的“key”道具错误

我使用此代码列出帖子 const PostList = () => { const [帖子，setPosts] = useState({}); const fetchPosts = async () => { const res = 等待 axios.get("http://

reactjs

回答 2 投票 0

在 MUI X BarChart 中的条形顶部显示文本

我正在使用@mui/x-charts（版本“^6.19.1”）中的组件，我想在每个条形图的顶部显示数据值以提高可读性。电流输出：输入图片

javascript reactjs next.js mui-x-charts

回答 1 投票 0

我想创建一个自定义星形对话框设计

我想创建一个自定义对话框，如下图所示。我正在使用带有 React 和 TypeScript 的 Material UI，但我也愿意接受带有自定义 CSS 的解决方案。现在我尝试了 CSS pr...

css reactjs material-ui

回答 1 投票 0

反应两个选择列表并在其他输入上设置状态

我有两个选择列表（其中 level2 选择从 level1 选定对象获取子值），这会导致数学计算禁用应显示计算结果的输入...

reactjs react-hooks

回答 1 投票 0

对于模型“Cart\”的路径“_id\”处的值“clear\”（类型字符串），转换为 ObjectId 失败}

我正在使用 Express.js、Mongoose 和 MongoDB 开发一个电子商务应用程序。我在尝试清除用户的购物车时遇到问题。目标是删除当前

reactjs node.js mongodb express mern

回答 0 投票 0

dnd-kit：相对于鼠标指针拖动而不是可拖动

使用@dnd-kit/core，默认行为是让被拖动的元素（以及 DragOverlay 中的 div）相对于其原始位置进行拖动。如果我单击并拖动 Draggable 到某个位置...

javascript reactjs drag-and-drop draggable dnd-kit

回答 1 投票 0

顺风动态间隙尺寸 - 有些不起作用

所以我有一个组件可以执行以下操作： const Col = ({ 儿童, 类名, 间隙 }:DirectionProps) => { 常量gapFunc=gapClass('y') 返回（所以我有一个组件可以执行以下操作： const Col = ({ children, className, gap }:DirectionProps) => { const gapFunc = gapClass('y') return ( <div className={`flex flex-col ${gapFunc(gap)} ${className}`}> {children} </div> ); }; 其中 gapFunc 返回 gap-x-n。如果我尝试使用不同的数字，其中一些可以工作，而另一些则不能。一个数字是否有效似乎几乎是随机的，有些会失败。我测试过，失败的数字可以通过手动添加类名来工作。我正在使用 Storybook，所以可能是渲染问题？但我想知道其他人是否对此有一些见解？您不能直接使用动态类名，例如gap-x-{n}。因为 Tailwind CSS 需要在构建时知道类名才能生成相应的样式。但是你可以在函数中描述你需要的类 function gapClass(value) { // gap-x-4 gap-x-3 return 'gap-x-4' }

reactjs tailwind-css

回答 1 投票 0

DaisyUI 自定义主题手柄禁用按钮

我正在制作一个 Reddit SSO 按钮，但遇到了一个问题：我为 Reddit 按钮制作的自定义主题在禁用时会变成辅助灰色。这是我在 tailwind.config 中的主题达...

javascript html reactjs tailwind-css daisyui

回答 1 投票 0

Next.js 如何在静态导出中重定向到 404.html？

我有一个使用 Next.js 构建的网站（我们称之为 example.com），静态导出。当我在浏览器中输入错误的地址（即 https://example.com/wrong-addr）时，它会重定向到 /404.html，一个

reactjs apache http-redirect next.js

回答 1 投票 0

带有标签空间的边框

所以我正在为我的大学做一个项目，我看到了一个非常酷的边框样式，我想在我的项目中复制它，但我很难把它做好。我正在使用 JavaScript、CSS...