Input %26 Switch

Input e.target为 null

antd踩坑 <Input />
onChange事件 e.target为 null
onPressEnter事件 e.target为 null
conosle.log(e.target) 值为null，但是 e.target.value 却可以获取到输入的值
解决
是react的事件机制导致的相关问题，需要使用 event.persist() 异步获取
获取target之前调用 event.persist()

function onChange(e) {
  // 从事件池中移除该合成函数，并允许对该合成事件的引用被保留下来
  e.persist();
  console.log(e.target)
}

Switch错乱

正确的样式

.ant-switch-checked .ant-switch-handle {
  left: ~'calc(100% - 18px)' !important;
}

滑块的样式变成了 calc(100%- 16px - 2px)，less loader 对calc 解析不好 会打包成 calc(80%);
升级了 less less loader 版本以后解决了问题
less版本是2.7.3，因为当初做了降级处理为了兼容antd