[gem][duoyun-ui] popover static open method effect order - Githubissues

mantou132 / gem

💎 Lightweight WebApp development library using custom elements

https://gemjs.org

MIT License

19 stars 2 forks source link

[gem][duoyun-ui] popover static open method effect order #203

Closed mantou132 closed 2 months ago

mantou132 commented 2 months ago

#initEffect 是异步执行的但紧接这被 #open 同步更新状态，导致执行 initEffect 时状态不对

可行的解决方案：

不允许 append 后同步更新 state，确保 initEffect 中的状态是渲染时的状态，有必要可以在 append 之前更新 state // 需要验证是否满足各种需求，以及是否按预期执行
append 后同步更新 state，将延时更新 state，让 initEffect 先执行 // 改动较大，需要暂存 state 来应对多次更新
不同步改 state，等渲染前才修改 state // 改动相当大，且不匹配 react

mantou132 commented 1 month ago

事件 emitter 也该成了异步，防止同步触发祖先元素事件处理器中更新状态（此时祖先元素还没有 initEffect）