reactjs 相关问题

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

如何确保 html/body/root 高度增长以包含动态生成的内容？

我有一些从数据库动态生成的内容（想想产品的网上商店），但我似乎无法获得根高度来包含所有内容。本质上，根会长大，直到...

html css reactjs sass

回答 1 投票 0

在选择组件中显示和保留值的问题

我编写了一个组件，它代表带有一组选项的选择。选项是从对象中提取的。我的想法是，我想显示一个十字 (\u{274C})，而不是 0，而且我还想...

html reactjs typescript select types

回答 1 投票 0

如何在绝对定位的Recharts中添加图例和图表之间的间距？

我第一次在我的 React 项目中使用 Recharts 我已将 BarChart 组件的图例放置在右上角。但是，我正在努力添加图例和...之间的间距

javascript reactjs charts legend recharts

回答 1 投票 0

如何在 Fetch API 中发出 GET 请求来获取特定数据？

我是 React 新手，我正在尝试根据城市名称获取特定的搜索结果。我有一个完全依赖于用户输入（城市名称）的变量，我想使用这个变量...

reactjs fetch-api

回答 1 投票 0

如何从图表库中删除出现在饼图扇区上的蓝色矩形？

当单击图表库中饼图中的扇区时，我希望不出现蓝色矩形。 React 应用程序中正在使用 recharts 库。当单击图表库中饼图中的某个扇区时，我希望不出现蓝色矩形。 React 应用程序中正在使用 recharts 库。 <PieChart width={800} height={400} onMouseEnter={this.onPieEnter}> <Pie data={data} cx={120} cy={200} innerRadius={60} outerRadius={80} fill="#8884d8" paddingAngle={5} dataKey="value" > <Tooltip cursor={{ stroke: 'red', strokeWidth: 2 }} /> {data.map((entry, index) => ( <Cell stroke="5" style={{ filter: `drop-shadow(0px 0px 5px ${COLORS[index % COLORS.length]}` }} key={`cell-${index}`} fill={COLORS[index % COLORS.length]} /> ))} </Pie> <Pie data={data} cx={420} cy={200} startAngle={180} endAngle={0} innerRadius={60} outerRadius={80} fill="#8884d8" paddingAngle={5} dataKey="value" > {data.map((entry, index) => ( <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} /> ))} </Pie> </PieChart> 您应该将 outline: none 添加到图表元素 <PieChart width={800} height={400} onMouseEnter={this.onPieEnter}> <Pie data={data} cx={120} cy={200} innerRadius={60} outerRadius={80} fill="#8884d8" paddingAngle={5} dataKey="value" > <Tooltip cursor={{ stroke: "red", strokeWidth: 2 }} /> {data.map((entry, index) => ( <Cell stroke="5" style={{ filter: `drop-shadow(0px 0px 5px ${COLORS[index % COLORS.length]}`, outline: "none", }} key={`cell-${index}`} fill={COLORS[index % COLORS.length]} /> ))} </Pie> <Pie data={data} cx={420} cy={200} startAngle={180} endAngle={0} innerRadius={60} outerRadius={80} fill="#8884d8" paddingAngle={5} dataKey="value" > {data.map((entry, index) => ( <Cell style={{ outline: "none" }} key={`cell-${index}`} fill={COLORS[index % COLORS.length]} /> ))} </Pie> </PieChart>; 您可以在 outline: none 组件中添加 <Pie/> <Pie ... style={{outline: 'none'}} />

reactjs d3.js recharts

回答 2 投票 0

使用上下文值更新React减速器值

我正在构建一个 React 应用程序，它利用上下文来存储一些全局变量和函数。我的上下文文件有一些状态值，这些状态值在一些初始 api 函数触发后全部更新：经验...

reactjs react-hooks react-context

回答 1 投票 0

如何覆盖主题中的 mui 嵌套组件样式？

我创建了一个带有可编辑单元格的 mui DataGrid。在编辑模式下，输入的填充默认为 0 16px，如 mui 生成的样式所示： .css-jqsvr8-MuiInputBase-root-MuiDataGrid-editInp...

reactjs material-ui styles

回答 2 投票 0

将文本环绕在图标周围

我正在尝试创建一个布局，其中图标浮动到某些文本的左侧，类似于图像在文本块中的对齐方式。我希望文本环绕图标，当它溢出时...

html css reactjs material-ui

回答 1 投票 0

imgbb 通过api上传相册中的图片

我在使用 imgbb API 时遇到问题通过 imgbb API，我一直在尝试将图像上传到我在 imgbb 上创建的相册中。但到目前为止我找不到任何信息......（我一直在谷歌搜索

node.js reactjs axios

回答 2 投票 0

HTML 视频在 IOS 设备中弹出

我完全不知道为什么这么简单的事情在 IOS 中会出现这么多问题。我有一个简单的视频元素。我完全不知道为什么这么简单的事情在 IOS 中会出现这么多问题。我有一个简单的视频元素。 <video src='/assets/videos/Our-Story.mp4' className='ourstory-video' autoPlay muted playsInline loop> </video> 在某些 IOS 设备中这可以正常工作。但在其他（包括一些较新的型号）中，视频会弹出并自动全屏播放。这绝对不是我想要发生的事情。经过研究，我添加了 playsInline 和 muted 标签。并保留标签驼峰式大小写，因为它是一个 React 应用程序。简单地说，当页面加载时，我只需要视频在容器内播放，而不是全屏弹出。任何帮助我走向正确方向的帮助将不胜感激。我建议你尝试这两件事首先：添加“控件”属性这将显示默认视频控件，允许用户单独播放或暂停视频，这可能会阻止全屏自动播放。我推荐的第二件事是设置 “webkit-playsinline” 属性 <video src='/assets/videos/Our-Story.mp4' className='ourstory-video' autoPlay muted playsinline loop controls webkit-playsinline> </video> 顺便说一句，据我所知，在反应中你应该使用小写字母而不是驼峰式字母大小写确保在视频组件中添加以下属性。自动播放、控制、播放内联、静音、循环

javascript html ios reactjs safari

回答 2 投票 0

如何将三张图片的总宽度设置为div的宽度？

.row_1 中有三个图像，我希望这三个图像的总宽度与 .row_1 的宽度匹配，同时还要确保所有图像具有相同的高度。我怎样才能实现这个目标...

css reactjs

回答 1 投票 0

如何使用@react-testing-library测试@mui/x-date-pickers

我尝试使用 DatePicker 组件为我的表单编写一个测试。我在最新版本 6.2.0 中使用@mui/x-date-pickers。当我运行下面的测试时，我收到消息： “测试库元素呃...

reactjs material-ui datepicker react-testing-library

回答 1 投票 0

Tanstack/react-query v5 - 使或重新获取非活动查询

我使用 Tanstack/react-query v5.12.2，我需要使用 useQueryClient() 使不活动的查询无效或重新获取，但我认为 v5 中发生了一些变化。我什至将类型设置为“inactive&q...