對作為道具傳遞的函數單擊做出反應，並多次執行 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) => {
        })

}