react-d3 相关问题


d3 svg 与 nextjs mouseenter 仅触发一次

我正在开发一个 React 组件,该组件使用了 D3,但是 svg 圆圈仅触发一次。 从 'react' 导入 React, { useEffect, useRef, useState }; 从 'd3' 导入 * 作为 d3; 导入


如果没有定义如何添加全局变量

当 d3.js 迁移到版本 4 时,对 Api 进行了重大重写,并对模块化打包进行了更改。 我不想升级到 d3.js 版本 4,但我必须重写 React/redu...


当布局更改或数据更改时,如何确保我的 ReactJS Bumbeishvili D3-Org-Chart 正确更新?

我已经在 CodeSandbox 上复制并简化了我的问题,可以在此处查看:https://codesandbox.io/p/sandbox/d3-org-chart-react-function-org-chart-gvfz4l?file=%2Fsrc %2F组件%2F数据...


如何在d3 v7中使用d3 pack创建螺旋图?

我能够使用 d3 pack 创建图表,但想要在螺旋布局中定位圆圈,如何在 pack 中定位圆圈 这是我的代码 const sortBubble = () => { 设置显示返回按钮(


从 d3 选择中获取原始元素

我正在为 Power BI 构建一个用 TypeScript 编写的自定义视觉效果。在我的类的构造函数中,我编写 this.svg = d3.select(this.target).append("svg").attr("id", "svg"); (this.target只是坚持立场...


d3.js 图形链接的最小和最大长度

我想用d3做一个图形模拟,我可以拖动节点并移动它们,但链接的长度不能小于300或大于600,我该如何解决这个问题? 这是我的


d3.js中没有固定间隔时可以进行画笔捕捉吗?

我在 d3 中有一个使用焦点/上下文的条形图。当用户刷选日期时,我想捕捉到可用的日期,而不是他们能够刷到开始之间的任何日期...


自定义 d3interval 创建

我想以这样的方式创建一个间隔,以便第一个回调立即发生,后续回调在指定的 del 发生。是否可以在单个 d3.interval 内? 康索...


SVGforeignObject 在 Safari 上无法正常工作

我在 Safari 上遇到 SVG 的foreignObjects 元素问题。我正在使用 SVG 元素以及正在使用的 d3.js 库。 我所做的是在画布上附加一个foreignObject元素,因为


Excel VBA VLookup - 错误 13 -“类型不匹配”

我正在开发一个 Excel VBA 宏,它从另一张工作表获取客户的电子邮件。 我从 VLookup 中收到错误 13“类型不匹配”: 对于范围内的每个 c("D3:D130").Cells 如果 c > 500


打字稿中像 SomeType<T, U, V> 这样的类型是什么意思?

我正在使用 d3 和 typescript,d3 中有很多类型类似于 SomeType。例子: 合并(其他:选择):选择 我正在使用 d3 和 typescript,d3 中有很多类型都是这样的 SomeType<U,T,V>。示例: merge(other: Selection<GElement, Datum, PElement, PDatum>): Selection<GElement, Datum, PElement, PDatum> 我查看了高级类型文档,但无法理解这些类型的含义。我不能说它们是否是具有这些子类型或其他类型的选择类型。 这些都是泛型。简而言之,它们让您参数化类型,从而允许您将其他类型传递给它。 因此,要使用您的示例,您可以执行以下操作: interface SomeType<T, U, V> { t: T u: U v: V } const foo: SomeType<string, number, { cool: boolean }> = { // T U V t: 'a string', u: 123, v: { cool: true } } 游乐场 这里有很多关于泛型的文档:https://www.typescriptlang.org/docs/handbook/generics.html 我不确定打字稿,但至少在其他一些语言(例如 C#)上,T 类型是通用类型参数,基本上这意味着您不需要指定具体的对象类型。


根据另一个单元格值制作下拉列表或单元格中没有数据

嗨,我需要一些关于谷歌表格的帮助 我在 C2,C3,C4....Cn 中有一个下拉列表,其中包含 3 个值,完整,部分,合同,现在我需要 D2,D3,D4..Dn 就好像我在 C2 中选择完整一样,它应该给出博士...


我无法打印onChange的值

从“react”导入React; 从“react-input-mask”导入InputMask; 从“./inputMask.module.scss”导入样式; 从“反应...


无法在react-三纤维中导入dat.gui

对于使用react- Three-Fiber制作的项目,我导入了以下库: 从 '三' 导入 * 作为三; 从“react”导入 React, { Suspense, useState }; 导入 { 画布,useLoader }


为什么我导入 React 时服务器返回 MIME 类型为“text/html”?

这是我的js: 从'./node_modules/react'导入React; 从'./node_modules/react-dom'导入ReactDOM; 让 thePage = React.createElement( '主要的', 无效的, '哈哈' ); ReactDOM.render(thePage,


尽管已安装,但找不到模块“@tanstack/react-table”

我正在开发一个 TypeScript React 项目,我正在尝试从 columns.tsx 文件中的 @tanstack/react-table 导入 ColumnDef。 从“@tanstack/react-table”导入{ColumnDef}; 出口...


create-react-app的内容没有推送到github

我将 Go 和 React 代码推送到了 github。 Go代码已成功提交,但React代码未成功提交。 React 内容是由 create-react-app 创建的。 文章 ├ 应用程序接口 │ └ main.go └ 客户 └ 反应


创建新的 React 应用程序时遇到麻烦

当我尝试创建一个新的 React 应用程序时,我收到以下错误消息, 安装软件包。这可能需要几分钟。安装中 React、react-dom 和带有 cra-temp 的 React-scripts...


react-testing-library:无法关闭 MUI Select 的下拉菜单

我有一个 SelectExample.js 从“react”导入 React, { useState }; 从“@mui/material”导入{InputLabel、MenuItem、FormControl、Select、Typography };> 导出默认fu...


在React版本18中使用react-facebook-login

我希望将react-facebook-login库与React版本18一起使用,但我无法安装该包。 npm 在控制台上抛出错误? 该库是否支持 Reac 18 版本...


如何在 EAS 构建中使用 React Native Reanimated?

我按照react-native-reanimated文档的安装说明创建了两次相同的应用程序https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/ge...


React-select:虚拟化选项列表

在最新版本的react-select(3.1.0)中虚拟化选项列表的预期方式是什么? 有react-virtualized-select,但不再支持。谢谢。


找不到模块“react”React Native

我最近开始学习React Native。我正在遵循此在线教程并使用 Expo 框架。 https://www.youtube.com/watch?v=sm5Y7Vtuihg 但是,如果我尝试 ru...


升级到 React 18 后 React App 未渲染

`我的 React 应用程序运行良好,但升级到 React 18、mui v5 和 redux v5 后,它没有渲染任何内容。 在终端中,我得到: webpack 编译成功 但在 chrome 控制台中...


反应问题,当我将标头组件添加到我的主页组件时,没有任何内容加载

从“react”导入React; 从 '@chakra-ui/react' 导入 { ChakraProvider, CSSReset }; 从 'react-router-dom' 导入 { BrowserRouter as Router, Route, Routes }; 从 './nav' 导入导航; 导入首页


元素未显示在 React Native 上

电流输出: 预期输出: 当前代码实施: 从“反应”导入反应 从 'react-native-svg-charts' 导入 { LineChart, XAxis, YAxis } 从 'react-native' 导入 { View, Text }


create-react 应用程序的替代品是什么

我有一个基于 Create React App 构建的 React 项目,我正在探索替代构建工具。有哪些推荐的方法或工具可以从 Create React App 迁移出来?有什么经历或


饼图未使用 Chart 在 React 中渲染

我在使用react-chartjs-2库和Chart.js在React组件中渲染饼图时遇到问题。图表的数据是从 API 获取的,图表预计


带斜杠的边框半径在 React-pdf 中不起作用

我知道我们可以在CSS中为半圆设置border-radius: 4px/2px。 但它在 React pdf 中不起作用。 我尝试过这些。 我知道我们可以在CSS中为半圆设置border-radius: 4px/2px。 但它在 React pdf 中不起作用。 我尝试过这些。 你好 我导入了所有 React pdf 元素。但是当我尝试上述设计时,我在控制台中收到错误。 错误是 @react-pdf_renderer.js?v=e8b1cced:113701 Error: unsupported number: NaN at number2 (@react-pdf_renderer.js?v=e8b1cced:58798:11) at PDFDocument2.lineTo (@react-pdf_renderer.js?v=e8b1cced:59998:28) at clipNode2 (@react-pdf_renderer.js?v=e8b1cced:32924:7) at renderBackground3 (@react-pdf_renderer.js?v=e8b1cced:34087:5) at renderNode3 (@react-pdf_renderer.js?v=e8b1cced:34139:3) at renderChild2 (@react-pdf_renderer.js?v=e8b1cced:34123:12) at Array.forEach (<anonymous>) at renderChildren2 (@react-pdf_renderer.js?v=e8b1cced:34125:12) at renderNode3 (@react-pdf_renderer.js?v=e8b1cced:34145:5) at renderChild2 (@react-pdf_renderer.js?v=e8b1cced:34123:12) 有人可以帮忙吗 测试此类语法的最简单方法是在 repl 中https://react-pdf.org/repl 简短的回答是 4px/2 不是单个 px 值,因此 = NAN 使用任何其他单个愚蠢的数字即可。


运行单元测试时无法检测到已安装的react-router-dom包

我想用react-router-dom学习react测试库。我使用 npx create-react-app 命令创建了该应用程序。生成的代码在父文件夹中已经有一个 App.test.js: 导入{渲染,


React + GoogleMaps 显示标记非常慢

我第一次在react应用程序中使用googlemaps,遵循此处的google文档:https://developers.google.com/codelabs/maps-platform/maps-platform-101-react-js#0 。 这是一个基本的应用程序,


jquery__WEBPACK_IMPORTED_MODULE_2___default(...)(...).owlCarousel 不是函数(React)

我正在制作一个网络应用程序,我需要在其中实现猫头鹰旋转木马。 我的组件“TopEventSection.jsx”文件: 从“react”导入React,{useEffect}; 从&q导入img...


我的 nextjs 项目中的信号存在一些问题

“使用客户端”; 从“react”导入 React, { useEffect, useState }; 从“framer-motion”导入{ AnimatePresence,运动}; 从“...


React 图标未解析

编译失败。 找不到模块:错误:无法解析“C:\Users\janan\OneDrive\Desktop\dukaan”中的“react-icons/ai” 伊什扬\sr


React Router 与 React 16.6 Suspense “提供给 `Route` 的 `object` 类型的道具 `component` 无效,预期为 `function`。”

我正在使用最新版本(16.6)的React和react-router(4.3.1),并尝试使用React.Suspense进行代码分割。 虽然我的路由工作正常并且代码确实分成了几个bun...


有没有办法清除react中的react历史记录?

我有一个针对移动用户的 Web 应用程序,但由于我们的客户不需要移动应用程序,因此它是使用 React 开发的。我已经使用 React Router 实现了应用内路由。我用


如何从 React Native 项目中删除 Kotlin

我之前在Flutter工作,现在切换到React Native,但是当我创建新的React Native项目时,kotlinversion和ndkversion会自动添加到项目中的build.gradle文件中。 嗬...


反应单元测试“不是函数”对象。<anonymous>

努力为使用 redux/sagas 的文件编写一些单元测试。 app.tsx 文件看起来像这样 从 'react' 导入 React, { StrictMode } 从'react-dom'导入ReactDOM 导入 { Provider } f...


在 React Native 中检索 IMEI 号码

我正在开发 React Native 应用程序,需要检索特定用例的设备的 IMEI 号码。 在 React Native 中是否有推荐且安全的方法来获取 IMEI 号码?


当 React hook 依赖于来自 hook 的函数时,我应该先记住它吗?

我是一名经验丰富的程序员(10 年以上),但对 React 很陌生(< 2 years). I picked up React in a very "operational" way (i.e. being happy when things work without very deep understanding...


MathJax 未使用 ReactMarkdown 在 React 中渲染 LaTeX

我目前在 React 应用程序中面临 MathJax 和 ReactMarkdown 的问题。我已经设置了一个使用 better-react-mathjax 来渲染 Markdown 内容的组件,包括 LaTeX math express...


getDerivedStateFromProps 未被调用

我使用React 16.3.1和next.js。 我将 getDerivedStateFromProps 放入扩展 PureComponent 的类中。 这是代码: header.js 从 'react' 导入 { PureComponent } ... 导出默认


signals-react中effect和useSignalEffect的区别

这个问题不是问题,只是出于教育目的。 我正在react应用程序中尝试来自@preact/signals-react的effect和useSignalEffect。 问题是我看到效果并使用SignalEffec...


React 和 Flask-login - 检查用户是否登录

我在前端使用 React 18.2,在后端使用 Flask 登录。 这是一个 RestAPI 设置,身份验证将使用会话。 我自己实现了登录,React 发送登录


将 React Native 版本升级到 0.72.3 时出错:任务 ':invertase_react-native-apple-authentication:' 执行失败

我正在将我的 React Native 项目从版本 0.64.4 更新到 0.72.3。为了帮助更新,我一直在遵循 React Native Upgrade Helper (https://


如何在 RTL 测试中使用 React Redux useDispatch 钩子?

我想在使用 redux 调度后测试 React 组件。我正在使用“test-utils.ts”文件中的自定义渲染函数: 从 'react' 导入 { ReactElement } 导入{渲染,渲染O...


如何在 React 应用程序中显示“使用 Paypal 登录”按钮

前言:我有 1 天的 React 体验。 使用教程中的源代码,该源代码设置为使用谷歌登录。 https://github.com/The-Tech-Tutor/spring-react-login 我...


任务':react-native-health-connect:compileDebugKotlin'执行失败

我试图将react-native-health-connect添加到我们的React Native应用程序中。添加此库后,我将最小 SDK 更改为 26,将compileSdkVersion 更改为 34。在这些更改之后,


React Native 中 Stripe 的 `confirmSetupIntent` 出现资源丢失错误

我在我的 React Native 应用程序中使用 @stripe/stripe-react-native (版本 0.19.0)包。当我尝试使用confirmSetupIntent方法确认安装意图时,我收到以下错误...


React Native 图像选择器不工作:任务:react-native-image-picker:compileDebugJavaWithJavac 失败

我一直在尝试将react-native-image-picker集成到我的React Native Android应用程序中,但是在按照设置说明进行操作后我遇到了问题。该应用程序无法正确加载图像选择器...


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