从连接的redux组件withStyles获取ref

是指在使用withStyles高阶组件连接Redux组件时，如何获取组件的ref。

withStyles是一个用于将CSS样式与组件关联的高阶组件。它接受一个样式对象作为参数，并返回一个新的组件，该组件将样式应用于其子组件。

要从连接的redux组件withStyles获取ref，可以按照以下步骤进行操作：

首先，确保已经在组件中引入了withStyles和connect函数。withStyles用于连接样式，connect用于连接Redux状态和操作。

import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux';

创建一个React组件，并使用withStyles函数将样式应用于该组件。

const styles = {
  // 样式对象
};

class MyComponent extends React.Component {
  // 组件代码
}

export default withStyles(styles)(MyComponent);

在组件中使用ref属性来获取组件的引用。

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.componentRef = React.createRef();
  }

  componentDidMount() {
    console.log(this.componentRef.current); // 输出组件的引用
  }

  render() {
    return <div ref={this.componentRef}>Hello World</div>;
  }
}

在上述代码中，我们使用React的createRef函数创建了一个名为componentRef的引用，并将其赋值给组件的ref属性。在组件挂载后，我们可以通过this.componentRef.current来访问组件的引用。

这样，我们就可以通过连接的redux组件withStyles获取ref了。需要注意的是，这里的示例代码使用了Material-UI的withStyles函数，你可以根据自己的需求替换为其他CSS-in-JS库或自定义的样式连接方式。

推荐的腾讯云相关产品和产品介绍链接地址：