reactjs 如何提高渲染使用react.js构建的 Jmeter 板的性能

dgjrabp2  于 2023-02-08  发布在  React
关注(0)|答案(1)|浏览(102)

使用react构建 Jmeter 板。 Jmeter 板有4个图表。相同的数据要发送到每个图表。 Jmeter 板有过滤器选项,它需要太多的时间来呈现 Jmeter 板中的图表。每次,我使用过滤器,再次它需要太多的时间来重新呈现 Jmeter 板中的图表。如何提高 Jmeter 板的性能。
我已经使用了备忘录,回调等。如何处理这个 Jmeter 板与各种图表。什么是最好的/正确的方式发送相同的数据到所有四个图表,以迅速呈现它。

a64a0gku

a64a0gku1#

在您的情况下,我认为在前端应用滤镜。在前端应用滤镜通常更快,提供更灵敏的用户体验,并使用去抖动技术控制渲染过程。

const [inputValue, setInputValue] = useState("");
const [debouncedValue, setDebouncedValue] = useState(inputValue);
useEffect(() => {
  const handler = setTimeout(() => {
    setDebouncedValue(inputValue);
  }, 1000);
  return () => {
    clearTimeout(handler);
  };
}, [inputValue]);

相关问题