小编Ryc*_*Ryc的帖子

如何使用React.memo与react-redux连接?

React.memo当有人使用connectreact-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}

javascript connect reactjs redux

21
推荐指数
3
解决办法
6116
查看次数

标签 统计

connect ×1

javascript ×1

reactjs ×1

redux ×1