Реагировать на щелчок функции, переданный как реквизит, с HO C, выполняемым несколько раз

Question

проблема с функцией on-click, которую она генерирует многократно несколько раз, например, один щелчок один раз, два щелчка два раза, три щелчка три раза. и так далее ... Что я здесь не так делаю? ниже приведен способ, которым я реализовал структуру и логику c

Answer 1

Из того, что я вижу, вы на самом деле не знаете, как работает реакция, но вот фиктивный пример:

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) => {
        })

}