React 18 并发渲染

发布时间 2023-10-17 09:46:18作者: 长安城下翩翩少年

一 升级react 18
React 18 改变

  1. 所有setState 都是异步,不管是否在react的“管辖范围内”。原来在定时器,在监听函数中是同步的。
  2. Root 书写方式 需要改变
  3. Router 需要改变??
    二 启用并发渲染
  4. useDeferredValue
    const [text, setText] = useState('喵爸');
    const deferredText = useDeferredValue(text);
    const debouncedValue = useDebounce(text, { wait: 1000 });
    const handleChange = (e) => {
    setText(e.target.value);
    };