Reactjs 如何将 React.memo 与 reactredux 连接一起使用

发布于10月29日

当使用React redux的connect函数时，有人知道如何用React.memo包装React组件吗？

例如，您将如何修改以下内容？

let Button = (props: Props) => (
  <button onClick={props.click}>{props.value}</button>
);

Button = connect(
  mapStateToProps,
  mapDispatchToProps
)(Button);

我试过:

let Button = React.memo((props: Props) => (
  <button onClick={props.click}>{props.value}</button>
));

Button = connect(
  mapStateToProps,
  mapDispatchToProps
)(Button);

但是，connect返回的函数期望传递一个组件，因此它会出现以下错误:

未捕获错误:必须将组件传递给

Reactjs 如何将 React.memo 与 reactredux 连接一起使用

推荐答案

Reactjs相关问答推荐

react应用程序中的字体不适用于.scss扩展名

react -在选项中 Select 我想要显示和图像.但当我 Select 该选项时，我希望控件仅显示该选项的文本部分

获取点击的国家/地区名称react 映射

不同步渲染

react 挂钩-使用有效澄清

在新屏幕上显示照片时出现问题-react

Reaction Google Maps API无法获取标题

面临 React 模式中点击外部条件的问题

我无法通过 useContext 显示值

我发送的 prop 的值不会改变.如果成功登录，导航栏中的 prop 必须为 true.我从后端得到 200 ok

如何在 ChartJS 中创建此图表？在 NEXTjs 和 TSX 中

Firebase查询返回随机用户数据，而不是过滤后的用户数据

部署到github pages时请求路径错误

将复杂状态和 setState 传递给更简单的 api

如何避免在 react useEffect 上滚动时出现小的延迟？

有没有办法根据 Rechart 中的 activeDot 更改值？

如何在 React 中单击鼠标的位置动态添加 div？

如何使用 babel 将 SVG 转换为 React 组件？

如果两个组件在 React 中导入相同的 CSS 文件会发生什么？

如何防止 mui x-date-picker 被截断？