fix: Fixed single-select Cascader, under React18, the expansion behav…

[YyumeiZhang]

…ior is abnormal when loading data asynchronously

中文模板 / Chinese Template

• I have read and followed Pull Request Guidelines of the contributing guide.

What kind of change does this PR introduce? (check at least one)

• Bugfix
• Feature
• Code style update
• Refactor
• Test Case
• TypeScript definition update
• Document improve
• CI/CD improve
• Branch sync
• Other, please describe:

PR description

Fixes #
单选的 Cascader 在 React 18 中会出现此问题。

Cascader 的展开项和 state 中 activeKeys 相关，点击会触发 activeKeys 变化。

在点击项目时，会调用 foundation 中的 handleItemClick -> handleSingleSelect->正确更新 activeKeys，由于需要异步加载数据，因此调用 notifyIfLoadData ->用户设置的 loadData 。

loadData 返回一个 promise，执行会触发treeData 更新， 并 resolve。

1. treeData 更新会触发 componentDidUpdate->foundation 中的 collectOptions -> updateSelectedKey。
2. resolve 后的 then 函数会更新 loading 状态和 loadedKeys（在 callback 函数的调用中）。

在 react 18 之前，treeData 的更新比 then 函数中的 loading 和 loadedKeys 更新快，因此updateSelectedKey函数中，可以借助没更新的 loading 和 loadedKeys 决定不改变 activeKeys。
在 react 18 之后，猜测对 promise 和 then 中的状态更新逻辑发生变化，导致updateSelectedKey执行时，loading 和 loadedKeys 已经变化，因此执行结果不符合预期。activeKeys 被更改。

修改方式为 在 loadData 的 then 函数中，借助 setTimeout 保证执行顺序。保证updateSelectedKey执行时，loading 和 loadedKeys 未变化。

Changelog

🇨🇳 Chinese

• Fix: 修复单选的 Cascader，在 React 版本大于 18 情况下，异步加载数据展开行为异常问题 [Cascader] React18.2.0， 单选 Cascader，异步加载数据时，展开不符合预期 #2212

---

🇺🇸 English

• Fix: Fixed single-select Cascader, under React18, the expansion behavior is abnormal when loading data asynchronously [Cascader] React18.2.0， 单选 Cascader，异步加载数据时，展开不符合预期 #2212

Checklist

• Test or no need
• Document or no need
• Changelog or no need

Other

• Skip Changelog

Additional information

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 6e312a1:

Sandbox	Source
pr-story	Configuration

[cypress]

---

Test summary

268 • 0 • 11 • 0

---

Run details

Project	semi-design
Status	Passed
Commit	643519c ℹ️
Started	Aug 21, 2024 12:31 PM
Ended	Aug 21, 2024 12:41 PM
Duration	10:28 💡
OS	Linux Debian -
Browser	Chrome 103

View run in Cypress Cloud ➡️

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Cloud