Search for a command to run...
如果在modal外面管理状态，在关闭弹窗的时候，因为需要清理状态，弹窗内容会flicking。
解决办法1：在modal的onCompleted或者onExitEnd之类的callback里清理状态。
解决办法2：
？？？比如我用的是react-aria-components这个库，没有提供这个方法。
可以使用https://developer.mozilla.org/en-US/docs/Web/API/Element/getAnimations#examples
获取退出动画的结束时机，进行清理。
如果在modal内部新建一个组件，管理状态，会在modal关闭后自己清理掉。
tradeoff：
需要新建一个组件。
需要把mutation逻辑放到子组件。
需要传递一些别的父组件的Props过去。
No comments yet. Be the first to comment.
怎么解决这个东西？ [Violation] Forced reflow while executing JavaScript took 38ms 强制重绘，原因是你修改DOM的样式，立马又去读了一个Layout相关的属性，读取的话浏览器需要重新计算一遍布局，比如： const openModal = () => { element.style.display = 'block'; // WRITE const height = element.offsetHeight; // READ...
定义zod schema的时候，有时候定义为nullable时要注意：如果你是从一个可能为空的对象里取出一个字段来parse的时候，可能会出现问题： const schema = z.object({ a: z.string().nullable() }); const rawData = { nested: null }; const data = schema.parse({ a: rawData.nested?.a }); 会导致throw，程序无法继续下去。 解决办法：...