对作为道具传递的函数单击做出反应，并多次执行 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) => {
        })

}