reactjs相关内容

在Safari上使用React的Datepicker

我的应用程序使用语义UI React 库中的Form.Input插入日期.它在Chrome和Firefox上都显示日期选择器,但在Safari上却不显示.我尝试使用react-datepicker库,但是它具有不同的样式,很难将其输入与语义UI React的Forms中的其他输入对齐.我能做什么? 这是Form.Input类型的示例,该类型在Safari上不起作用. ..
发布时间:2021-04-29 19:37:36 前端开发

React:如何在Highcharts中以月为单位显示正确的日期和绘图数据

我正在尝试使用Highchart在React上绘制一些数据.每次绘制时,x轴都会显示错误的日期时间,如下图所示: 我当前的json数据如下: [“"2020年2月2日,星期日,格林尼治标准时间",73][“格林尼治标准时间2020年2月9日,星期日,00:00:00",71][“格林威治标准时间2020年2月16日,00:00:00",73][“格林威治标准时间2020年2月23日,星期 ..
发布时间:2021-04-29 19:28:28 其他开发

科普特类型日历组件React Native

我正在尝试实施一个有13个月的非公历.我使用了两个功能来做到这一点.其中之一 generateCalendar用于为每个以工作日索引的月份创建一个日历矩阵 function generateCalendar(type ='en'){var [etYear,etMonth,etDate] = Ethiopic.toEthiopian(state.activeDate.getFullYear ..
发布时间:2021-04-29 19:24:51 前端开发

如何在对象中传播嵌套属性?

我在下面有这个对象.我想知道如何选择特定项目并更新属性.例如.项目1我想在数组中添加一个任务. 项目:{'item-1':{id:"item-1",标题:“要做",任务:['task-1','task-2','task-3','task-4']},'item-2':{id:"item-2",标题:“进行中",任务: []}, 我目前有 const getItem = {... state ..
发布时间:2021-04-29 18:52:43 前端开发

在React Hooks和D3中使用过渡

我正在尝试复制此处中看到的量表.这是我第一次使用D3.js,即使我设法复制了量规本身,其行为还是有些奇怪(针的过渡不起作用),而且我还没有完全理解useEffect和D3之间的动态.基本上,我想添加两个指针,每个指针将接收不同的值,并在它们的值更改时使用过渡. //声明角度值const [angle1,setAngle1] = useState(0)//useEffect挂钩useEffect( ..
发布时间:2021-04-28 18:47:41 其他开发

D3条形图+ React挂钩-exit().remove()无法正常工作

我正在使用react和d3,试图创建一个简单的条形图,以在刷新数据时更新该图.当数据更改时,该图表正在更新,但是它似乎在旧图表的顶部分层.我认为问题出在d3 exit().remove()函数. 据我所知,d3的exit方法应该返回要删除的项目数组,但是当我在控制台日志中看到一个“未定义"数组.我非常感谢您的帮助! 以下是代码和框: https://codesandbox.io/s/g ..
发布时间:2021-04-28 18:46:48 其他开发

在函数内部反应设置状态

我正在使用d3进行可视化,并决定也使用reactstrap.基本上,单击d3中的一个圆圈将导致reactstrap元素“折叠"出现. 我在setState中找不到任何运气...我正在componenetDidMount()中,componentDidMount()内部做所有的反应代码,有一个update()函数,在更新中有一个名为click的函数.,并在点击触发后执行: 此 .setS ..
发布时间:2021-04-28 18:44:30 前端开发

如何在半圆上对齐D3圆

我有一个半圆,需要对齐从圆中创建的收音机.无线电的数量将是动态的,并且需要使它们居中.这是我目前拥有的. UPDATE,刚刚意识到这2个屏幕截图可能令人困惑.收音机的顺序不一样.别理了.我只需要对齐是正确的, 这是理想的结果. 我在这里有一个工作演示工作演示 解决方案 反引号的答案是一个很好的数学解释,您可以通过 getPointAtLength 和 getTotalLe ..
发布时间:2021-04-28 18:43:47 前端开发

使用React钩子来防止D3图表的React重新呈现

我一直在分别使用React和D3,现在有一个项目需要对应用程序的绘图功能进行低级控制.基本上,我需要能够在用户放大图时从数据库中获取更高分辨率的数据,反之亦然在用户放大图时从数据库中获取更高分辨率的数据. 我发现了几种同时使用D3和React的方法.我想尝试使我的所有React代码都基于hooks API,因为这是其余代码库所使用的.我正在努力使自己面对的特定情况变得与众不同.关于React ..
发布时间:2021-04-28 18:42:29 其他开发

如何用刻度线包装D3标签

我正在尝试使标签正确包装.我需要获取刻度和标签以进行匹配.我在标签上使用了自动换行功能,但无法与tspans配合使用. 工作演示 更新 在此之前和之后,这是为了帮助您了解我之后的情况. 解决方案 遗憾的是,没有简单的方法可以像在HTML中那样包装SVG 元素的内容.但是我确实找到了这个类似问题的答案,建议使用 ..
发布时间:2021-04-28 18:41:11 前端开发

更新React中的d3元素?

我正在尝试根据输入栏中的搜索输入来修改此气泡图.现在,我将所有d3代码放入Bubble.js中,然后在我的app.js中,我有一个searchinput元素将过滤要显示的数据,然后在我的Bubble状态下,将其数据设置为过滤后的数据(名为RoadmapData).但是,我的气泡图没有更新.实际上,每次我输入内容时,都会呈现另一个气泡图,因此,如果我输入3个字母,则会出现三个相同且未经过滤的气泡图. ..
发布时间:2021-04-28 18:40:27 前端开发

如何将CSV读取到React Native State Array中?

我有一个问题:如何将CSV中的数据加载到React中的数组中-特别是在this.state中作为对象. 让我们从这里开始,状态只是硬编码的值. 导出默认类App扩展了组件{构造函数(道具){超级(道具);this.state = {卡:[{项目名称:“第1项",restoname:"Resto 1",网址:"https://res.cloudinary.com/grubhub/i ..
发布时间:2021-04-27 19:49:50 其他开发