小编Fel*_*aro的帖子

我有一组使用 d3（版本 5）开发的小部件，现在我必须将它们迁移到版本 7。在迁移指南https://observablehq.com/@d3/d3v6-migration-guide中，我已经了解了事件的新语法：

// before\nelement.on(\'click\', (d, i, e) => ...\n\n\n// now\nelement.on(\'click\', (event, d) => ...\n

一旦我切换到新语法，程序就再次开始运行。耶！

现在的问题是我在这个项目中使用了 typescript！虽然我已经安装了最新的@types/...

  "dependencies": {\n      "d3": "^7.1.1",\n         ...\n\n  "devDependencies": {\n      "@types/d3": "^7.1.0",\n         ...\n

...当涉及到事件时，我一直在类型定义和智能感知方面遇到麻烦。

// 1. before (Worked fine)\nelement.on(\'click\', (d: MyData, i: number, e: whatever[]) => ...\n\n\n// 2. introducing types == Error back! \xe2\x9d\x8c  \nelement.on(\'click\', (event: PointerEvent, d: MyData) => ...\n\n\n// 3. then, my (ugly) workaround:\nelement.on(\'click\', (event: any , d: any) => ...\n

有趣的是，虽然我安装了 @types/d3 …

我最近经常使用 Figma 来绘制/编辑图像并将其导出为 SVG 文件，这样我就可以在应用程序的代码库中快速使用。

这样做只有一个缺点：查看 SVG 代码才能找出哪个元素是什么。

到目前为止，我必须手动浏览 SVG 来标记元素（使用类或 id），以便我可以通过 CSS 或 Javascript 正确操作它们，这是相当乏味的:-/

如果能够通过 Figma 为每个元素（路径、线、圆等）设置 id 或类并将其反映在导出的代码中，那将非常方便，我坚信一定有办法做到所以...

所以我在这里问：有没有办法在 Figma 中设置某些 CSS类或id属性，并在导出的 svg 代码上声明它？

每次 url 更改时我都需要运行一些逻辑。

我的应用程序使用solid-app-router https://github.com/solidjs/solid-router

我如何订阅 SolidJS 中的路由器更改？

我一直在摆弄 React-Three-Fiber，并且非常喜欢 OrbitControls 元素，它可以让您通过拖动鼠标来控制相机。

我的疑问是是否有办法控制元素的初始位置/视角。

我正在创建一个演示，并使用飞机来模拟地面。从上面看时它看起来很好，但在默认位置它变得不可见，就像水平看一张纸一样。

我试图弄乱一些属性，如位置和 minPolarAngle，但无法观察到任何差异。那里有人可以帮忙解决这个问题吗？

      <Canvas>
        <OrbitControls position={[10, -40, 0]} /> // 'position' doesn't seem to work
        <ambientLight intensity={0.4} />

        <Suspense fallback={"...Loading"}>
          <Stars />
          <Box/>
          <Ground />
        </Suspense>

      </Canvas>