react.js -2 x蚂蚁设计滑块检索两个值的数据，而不是个人

Question

在浏览器中激活两个滑块时，而不是个人工作。控制台日志显示两个请求，无论我使用哪个滑块。后端工作正常，如果我评论一个滑块，则其余的滑块效果很好。谁能看到我出错的地方？

// const

const [load, setLoad] = useState([0, 16]);
const [freq, setFreq] = useState([0, 28]);

//加载滑块1

useEffect(() => {
console.log("ok to request load");
fetchProducts({ load });
}, [ok]);

//滑块1

const handleSliderLoad = (valueLoad) => {
setLoad(valueLoad);
setTimeout(() => {
  setOk(!ok);
}, 300);

};

}的项目

useEffect(() => {
console.log("ok to request freq");
fetchProducts({ freq });
}, [ok]);

//加载滑块2 //滑块2

const handleSliderFreq = (valueFreq) => {
setFreq(valueFreq);
setTimeout(() => {
  setOk(!ok);
}, 300);

;

// html用于滑块1

<SubMenu
          key="2"
          title={
            <span>
              <p className="pt-4">
                Load Bearing MN/m<sup>2</sup>
              </p>
            </span>
          }
        >
          <div>
            <Slider
              className="ml-4 mr-4"
              tipFormatter={(v) => v}
              range
              value={load}
              onChange={handleSliderLoad}
              max="16"
              // range defaultValue={[0, 16]}
            />
          </div>
        </SubMenu>

// html的滑块2

<SubMenu
          key="3"
          title={
            <span>
              <p className="pt-4">
                Natural Frequency Hz
              </p>
            </span>
          }
        >
          <div>
            <Slider
              className="ml-4 mr-4"
              tipFormatter={(v) => v}
              range
              value={freq}
              onChange={handleSliderFreq}
              max="28"
              // range defaultValue={[0, 16]}
            />
          </div>
        </SubMenu>