页面复杂时,input 输入框卡顿问题解决

398 阅读1分钟

react 函数组件中,执行下面代码时发现输入框反应慢、卡顿问题。

<Input
  placeholder='请输入名称'
  value={searchValue}
  onChange={(e) => {
    setSearchValue(e.target.value);
  }}
  suffix={<SearchOutlined />}
/>

经检查,是由于 searchValue 每次渲染,引起页面内桑基图重新渲染导致,给桑基图组件加 useMemo 即可解决。