reactjs - 在 Redux 连接中使用 React forwardRef

Question

我有一个使用 forwardRef 的 React 功能组件像这样:

const wrapper = React.forwardRef((props, ref) => (
  <MyComponent {...props} innerRef={ref} />
));

export default wrapper;

现在我想使用 mapStateToProps 将一些状态传递给这个组件与 Redux 的 connect像这样的功能:

export default connect(mapStateToProps, null)(MyComponent);

我尝试以下列方式将它们组合起来，但没有奏效:

const wrapper = React.forwardRef((props, ref) => (
  <MyComponent {...props} innerRef={ref} />
));

export default connect(mapStateToProps, null)(wrapper);

如何将这两者结合起来以获得所需的行为？

Answer 1

您可以使用 options在连接功能中。

connect(mapStateToProps, null, null, { forwardRef: true })(wrapper)