高阶组件的 Props 代理有一些很常见的场景:
- Props 比原组件多了一些属性
- Props 比原组件少了一些属性
- 给原组件的 Props 的某些属性设置了默认值
那么在下面这个操作之前:
1 | <RawComponent {...props} /> |
你是否会先对 props 做一些「编辑」操作呢?比如删除某些属性,赋值某些属性。
高阶组件的 Props 代理有一些很常见的场景:
那么在下面这个操作之前:
1 | <RawComponent {...props} /> |
你是否会先对 props 做一些「编辑」操作呢?比如删除某些属性,赋值某些属性。
目前用的是:Wechat mini program support
实测提示效果还不错。
直接调用 WebStorm 自带的 Prettier 去格式化 wxml / wxss / wxs 文件会提示:
1 | function test() { |
其实原本我以为回调中的异常可能得这样捕获:
1 | try { |
想多了。。
Banner 图来自 ant.design。
在封装按钮组件时候,我们一般喜欢通过 :active 实现按钮的点击态。然而有个容易被忽略的细节是:在移动设备中按下然后在该元素上移动一定的距离后点击态会消失
基本上目前所有编辑器都支持地很完善,拿 vscode 来说,prettier 的配置文件是需要装插件 + 做一定的编辑器设置的。而 editorconfig,装完 EditorConfig for VS Code 就可以了(WebStorm 默认支持),能够很方便地覆盖编辑器的默认格式化。所以它的主要好处其实就在这里,编辑器的默认格式化不同于通过快捷键调用类似 prettier 的三方格式化工具,它能够在比如新建文件,回车换行的阶段就保持正确的代码格式。