Как правильно делать классы с поддержкой интерфейсов без ошибок?

Question

[Сергей Золотарёв]

Добрый день!
Недавно я столкнулся с тем, что имеется немного ошибок в классе, методы которого взаймодействуют с типизированными интерфейсами, а сами интерфейсы построены без ошибок:

export interface IHandlerControl{
    screenEvent: string
    eventType: number
}
export interface IServiceControl{
    svc: string,
    query: any
}

Сам код класса, о котором я вам говорю, будет доступен в комментариях для его изучения и задам вам вопрос:
Как исправить ошибки, выводимые компилятором TypeScript, создавая при этом правильно такого рода класс?

Но я вас предупрежу о том, что я пока новичок в TypeScript!

Comments

[Сергей Золотарёв]

Сам код класса с ошибками на TS:

import { StyleSheet, TextStyle, ViewStyle } from 'react-native';
import { IHandlerControl } from "../../ControlInterface";

export class StoresFeed{
    storesFeed: any;
    constructor(event: any,type: any){
        this.storesFeed = IHandlerControl = {
            screenEvent: event,
            eventType: type
        }
    }

    __handlerFeed(event : IHandlerControl){
        if(event.screenEvent === 'ui-change'){
            type Style = {
                feedTitle: TextStyle,
                listTitle: TextStyle,
                feedCont: [
                    title: TextStyle,
                    description: TextStyle,
                    price: TextStyle,
                    link: TextStyle
                ],
                listCont: [
                    list: ViewStyle,
                    point: TextStyle
                ]
            };
            if(event.eventType == 0){ 
                //Нулевое значение - это то, чего касается первоначальных элементов и компонентов
                return StyleSheet.create<Style>({
                    feedTitle: {
                        color: '#ff0033',
                        fontSize: '140%',
                        fontWeight: 'bold',
                        marginLeft: '2%',
                        paddingTop: '1%',
                        paddingBottom: '1%'
                    },
                    listTitle: {
                        color: '#d83b01',
                        fontSize: '120%',
                        fontWeight: 'bold',
                        marginLeft: '2%',
                        paddingTop: '1%',
                        paddingBottom: '1%'
                    },
                    feedCont: [
                        title:{
                            fontSize: '130%',
                            fontWeight: 'italic'
                        },
                        description:{
                            fontSize: '100%'
                        },
                        price:{
                            fontSize: '110%',
                            fontWeight: 'bold'
                        }
                        link:{
                            fontSize: '90%',
                            fontWeight: 'normal'
                        }
                    ],
                    listCont: [
                        list:{
                            fontSize: '100%'
                        },
                        print:{
                            color: '#201f1e',
                            fontWeight: 'italic'
                        }
                    ]
                });
            }
           
        }
    }

    eventStart(){
        this.__handlerFeed(this.storesFeed);
    }
}

Answer 1

[Yuriy Vorobyov]

У вас ошибки в коде, например, здесь вы присваиваете интерфейс как значение, а не обозначаете как тип

this.storesFeed = IHandlerControl = {...}

Comments

[Сергей Золотарёв]

Делал интерфейсы в соответствии с этой инструкцией и что здесь не так? Как правильно всё это решить?

[Yuriy Vorobyov]

Сергей Золотарёв, посмотрите на свой код внимательно, я вам уже написал в чем ошибка, почитайте, как работают типы, если вы не понимаете ошибку