相关疑难解决方法(0)

ReactJS:如何仅调用一次useEffect挂钩来获取API数据

使用React,我具有以下功能组件useEffect()

import React, { useEffect } from 'react';
import { connect } from 'react-redux';

const MessagingComponent = React.memo(({ loadMessages, messages, ...props }) => {

  useEffect(() => {
    loadMessages();
  });

  return <div {...props}>These are the messages</div>;
});

const mapDispatchToProps = dispatch => ({
  loadMessages: () => dispatch({ type: 'LOAD_MESSAGES' })
});

const mapStateToProps = state => {
  return {
    messages: state.chatt.messages.chatMessages
  };
};

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(MessagingComponent);
Run Code Online (Sandbox Code Playgroud)

如您所见,我有一个效果回调,loadMessages()useEffect()回调在my 的回调中调用该函数MessagingComponent

  useEffect(() => …
Run Code Online (Sandbox Code Playgroud)

reactjs redux react-hooks

6
推荐指数
2
解决办法
3960
查看次数

标签 统计

react-hooks ×1

reactjs ×1

redux ×1