antd问题汇总

最新推荐文章于 2023-09-26 14:41:42 发布

原创最新推荐文章于 2023-09-26 14:41:42 发布 · 358 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #javascript #前端

本文探讨了在使用Ant Design库时遇到的与react-dom@17.0.0版本的兼容性问题，解决方案是降级到react-dom@16.14.0。此外，还介绍了如何在经过Form.create包装后的Ant Design Form组件中获取ref，以及在connect高阶组件后如何获取组件实例的方法，提供了具体的代码示例。

antd3

1.与react-dom@17.0.0兼容新不行，select的滚动给监听不行：降级为16.14.0

2.antd form组件，经过 Form.create 之后，怎么获取ref

3.antd connect后怎么获取组件实例

# 子组件添加 { withRef: true }
export default connect(mapStateToProps, {}, null, { withRef: true })(
  SwitchProcess
);

# 父组件

 setSwitchProcessDom = (el) => {
    if (el) {
      this.SwitchProcessDom = el.getWrappedInstance();
    }
  };
 // jsx
  <SwitchProcess ref={this.setSwitchProcessDom}>
  </SwitchProcess>