问题标签 [react-resize-observer]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - react-resize-observer 使用 Bootstrap 模式返回空值
我正在尝试使用 react-resize-observer 检测容器大小的变化。为此，我在我ResizeObserver的自定义组件中嵌入了一个。
当组件单独使用时效果很好。但是，一旦在 Bootstrap 模态（来自 react-bootstrap）中使用它，就会使用null 值 ( ) 调用ResizeObserver的回调。onResizewidth === height === 0
我究竟做错了什么？
reactjs - ResizeObserver API 测试笑话
我试图测试使用ResizeObserver. 另外，我需要检查元素是否溢出或在调整大小后没有。所以我写了这样一个决定：
我试图对这段代码进行单元测试，但我的测试没有涵盖resizeObserver回调。测试：
reactjs - 警告：在 ResizeObserver 中找到多个具有 `children` 的子节点。只会观察第一个
就像标题的描述一样。在我的反应应用程序中有警告。
系统：Mac OS Big Sur 11.2
环境：Chrome 89.0.4389.90（正式版本） (x86_64)
reactjs - 在 react-rnd 中使用 onResize 道具时是否可以根据方向更改值
问题概述嗨团队，我正在使用 react-rnd 版本 [10.3.4]
我的浏览器是：Chrome
使用 react-rnd 的库
我确定这个问题不是重复的？我检查了问题，但可能错过了。
复制项目 - https://codesandbox.io/s/frosty-field-dul70?file=/src/Resize.js
描述问题 - 我正在尝试根据调整大小的方向更改状态。例如，您可以在上面的代码框链接中检查，如果您在 x 或 y 轴上调整组件的大小，则值会发生变化。但我希望行为仅在 y 轴上，即在 x 轴上调整大小时值不应该改变。
预期行为 可拖动/可调整大小组件内的值应仅在一个轴或方向上改变
实际行为值在（x 和 y）轴/方向上都在变化
另外，如何根据方向更改 itemHeight 的值。因此，如果它是“底部” itemHeight 应该增加，如果它是“顶部” itemHeight 应该减少。我想您说“底部”和“顶部”代表 y 轴，但有什么方法可以指定方向
reactjs - 允许手风琴一次只打开一个
我正在用 react spring 创建一个手风琴，手风琴已经准备好并且工作正常，但是我不能让手风琴同时打开一个项目，现在同时打开所有三个项目，我希望只能打开一个。
这是代码和-> https://codesandbox.io/s/prod-sun-ttix7?file=/src/App.tsx