相关疑难解决方法(0)

我在项目中使用 Material-UI 和 React-window。我的问题是，当该元素位于反应窗口虚拟化列表中时，material-ui 菜单组件不会锚定到所提供的元素。该菜单将出现在屏幕的左上角，而不是固定在打开它的按钮上。当在非虚拟化列表中使用它时，它会按预期工作。菜单正确地锚定到打开它的按钮。

这是一个沙箱示例。沙箱非常具体于我如何使用相关组件。

有关如何解决此问题的任何指导吗？

我正在尝试创建一个带有滑块 ui 元素的自定义钩子。我的目标是能够从父元素访问滑块值，以便更新其他一些 ui 部分。

但是，滑块值似乎没有正确更新：当用户尝试拖动滑块工具提示时，它只会移动一步。在 useEffect 被调用后，似乎鼠标事件停止被跟踪。

我能做些什么来解决这个问题并有一个平滑的拖动行为？

这是我的代码（沙箱）：

索引.js

import React from 'react';
import ReactDOM from 'react-dom';
import Demo from './demo';

ReactDOM.render(<Demo />, document.querySelector('#root')); 

演示.js

import React, { useEffect } from "react";
import useSlider from "./slider";

function CustomizedSlider() {
  const [CustomSlider, sliderValue] = useSlider("Slider", 50);

  useEffect(() => {
    console.log("Slider value: " + sliderValue);
  }, [sliderValue]);

  return <CustomSlider />;
}

export default CustomizedSlider;

滑块.js

import React, { useState } from "react";
import { withStyles, makeStyles } from …