How to type a class?

Question

OOP

How to apply types to a class so that the fields in the constructor are not underlined, everything that I found in Google does not work (

import React from "react"
import { profileType } from "../Types/types"

type SamServisesType = {
    _apiBase: string
    _apiKey: string
}

export default class SamServices {

    constructor(){
        this._apiBase = 'https://social-network.samuraijs.com/api/1.0/'
        this._apiKey = '6f029e5f-48f9-458c-ac33-6b805ca9e34e'
    }

    getResoure = async (url: string) => {
        const res = await fetch(`${this._apiBase}${url}`, {
            credentials: 'include'
        })

        if(!res.ok){
            throw new Error(`Could not fetch ${url}, received ${res.status}`)
        }

        return res.json()
    }

    getUserProfile = async (id: number) => {
        const res = await this.getResoure(`profile/${id}`)
        return res
    }

    getStatus = async (userId: number) => {
        const res = await this.getResoure(`profile/status/${userId}`)
        return res
    }

    getCaptcha = async () => {
        const res = await this.getResoure(`security/get-captcha-url`)
        return res
    }

    getUsers = async (page: number, pageSize: number) => {
        const res = await this.getResoure(`users?page=${page}&count=${pageSize}`)
        return res
    }

    updateStatus = async (status: string) => {
        const res = await fetch(`https://social-network.samuraijs.com/api/1.0/profile/status`, {
            method: 'put',
            body: JSON.stringify({
                status: status
            }),
            headers: {
                'API-KEY': this._apiKey,
                'Content-type': 'application/json; charset=UTF-8'
            },
            credentials: 'include'
        })
        return res.json()
    }

    authorization = async () => {
        const res = await fetch(`${this._apiBase}auth/me`, {
            credentials: 'include'
        })
        return res.json()
    }

    login = async (email: string, password: string, rememberMe = false, captcha: string) => {
        const res = await fetch(`https://social-network.samuraijs.com/api/1.0/auth/login`, {
            method: 'post',
            body: JSON.stringify({
                email: email,
                password: password,
                rememberMe: rememberMe,
                captcha: captcha
            }),
            headers: {
                "API-KEY": this._apiKey,
                'Content-type': 'application/json; charset=UTF-8'
            },
            credentials: 'include'
        })

        return res.json()
    } 

    logout = async () => {
        const res = await fetch(`https://social-network.samuraijs.com/api/1.0/auth/login`, {
            method: 'delete',
            headers: {
                "API-KEY": this._apiKey
            },
            credentials: 'include'
        })

        return res.json()
    }

    followUser = async (userId: number) => {
        const res = await fetch(`https://social-network.samuraijs.com/api/1.0/follow/${userId}`, {
            method: 'post',
            headers: {
                "API-KEY": this._apiKey
            },
            credentials: 'include'
        })

        return res.json()
    }

    unfollowUser = async (userId: number) => {
        const res = await fetch(`https://social-network.samuraijs.com/api/1.0/follow/${userId}`, {
            method: 'delete',
            headers: {
                "API-KEY": this._apiKey
            },
            credentials: 'include'
        })

        return res.json()
    }

    savePhoto = async (image: any) => {
        const formData = new FormData(); 
        formData.append("image", image);

        const res = await fetch(`https://social-network.samuraijs.com/api/1.0/profile/photo`, {
            method: 'put',
            body: formData,
            headers: {
                'API-KEY': this._apiKey
            },
            credentials: 'include'
        })
        return res.json()
    }

    saveProfile = async (profile: profileType) => {
        const res = await fetch(`https://social-network.samuraijs.com/api/1.0/profile`, {
            method: 'put',
            body: JSON.stringify(profile),
            headers: {
                'API-KEY': this._apiKey,
                'Content-type': 'application/json; charset=UTF-8'
            },
            credentials: 'include'
        })
        return res.json()
    }
}

Answer 1

that's it, figured it out

Answer 2

You need to declare the _apiBase and _apiKey fields, which is what TS tells you about