我有一个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);
如何将这两者结合起来以获得所需的行为?