React.memo
当有人使用connect
react-redux中的函数时,是否有人知道如何包装React组件?
例如,您将如何修改以下内容?
let Button = (props: Props) => (
<button onClick={props.click}>{props.value}</button>
);
Button = connect(
mapStateToProps,
mapDispatchToProps
)(Button);
Run Code Online (Sandbox Code Playgroud)
我试过了:
let Button = React.memo((props: Props) => (
<button onClick={props.click}>{props.value}</button>
));
Button = connect(
mapStateToProps,
mapDispatchToProps
)(Button);
Run Code Online (Sandbox Code Playgroud)
但是,返回的函数connect
需要传递一个组件,因此它出错:
未捕获错误:您必须将组件传递给connect返回的函数.取而代之的是{"compare":null}