1

Создаю провайдер в котором хочу подключить Апи сервис и потом в любом месте я мог вызвать нужный метод через useContext. В чистом EcmaScript все работает отлично, но в TypeScript не работает.

import { createContext } from 'react'
import { ApiService, IService } from '../services/ApiService'

export const ApiSerivceContext = createContext()

export const ApiServiceProvider: React.FC = ({ children }) => {

    const api = new ApiService()

    return (
        <ApiSerivceContext.Provider value={api}>
            {children}
        </ApiSerivceContext.Provider>
    )
}

Вот так я создаю контекст, но когда вызываю его в файле App.js контекст пустой. C reducer понятно как делать. Нужно сделать type, потом initialState. но как быть с сервисом, где методы и параметры будут увеличиваться?

2
  • как ты его вызываешь?
    – Grundy
    3 мар 2021 в 4:15
  • const apiContext = useContext(ApiSerivceContext) Вот такъ
    – borzz.one
    7 мар 2021 в 11:51

3 ответа 3

0
import { createContext } from 'react'
import { ApiService, IService } from '../services/ApiService'

export const ApiSerivceContext = createContext<ApiService | null>(null)

export const ApiServiceProvider: React.FC = ({ children }) => {

    const api = new ApiService()

    return (
        <ApiSerivceContext.Provider value={api}>
            {children}
        </ApiSerivceContext.Provider>
    )
}
0

если правильно понял возможно динамически указать например как интерфейс и этот интерфейс можно применить к обекту с бесконечным количеством ключей естественно если тип совпадает

interface IAp {
[key:type]:type
}
0

Оказывается нужно было вот таким образом передать класс.

import { createContext } from 'react'
import { ApiService, IService } from '../services/ApiService'

export const ApiSerivceContext = createContext<IService>(new ApiService() )

export const ApiServiceProvider: React.FC = ({ children }) => {

    const api = new ApiService()

    return (
        <ApiSerivceContext.Provider value={api}>
            {children}
        </ApiSerivceContext.Provider>
    )
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.