使用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)