javascript - 对作为 props 传递的函数点击使用react，HOC 会被执行多次

Question

单击时生成多次迭代的函数存在问题，例如单击一次、单击两次两次、单击三次三次。等等...我在这里做错了什么？下面是我实现结构和逻辑的方式

Answer 1

据我所知，您并不真正知道 React 是如何工作的，但这里有一个虚拟示例:

constructor(props) {
    super(props);
    this.handleChatItemClicked = this.handleChatItemClicked.bind(this);
}

handleChatItemClicked = (payload) => {
    this.setState({
        sender_to_receiver_details: payload,
        is_member_selected: true
    });
    socket.emit("room_leave", {
        room_id: this.props.socket_details.room_id,
    })
    socket.emit("get_user_room", payload);
};

componentDidMount() {
    socket.on("get_user_room", (data) => {
        this.props.actions.savingRoomId(data)
    })
    socket.on("room_leave", () => {
        socket.emit("room_join", {
            room_id: this.props.socket_details.room_id,
        })
    })
socket.on("room_join", (data) => {
        })

}