Возможно ли применить ключ массива в методе класса?

Question

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

Доброго утра!
Сегодня я столкнулся с маленьким багом, до которого я довёл в финале внедрения ООП-решения на TypeScript для мобильного приложения с Expo SDK и компилятор принёс плохую новость:
TypeError: Cannot read property 'feedTitle' of undefined
И сама ошибка ссылалась на отрывок из целого примера кода:

import * as React from 'react';
import { Text, View } from 'react-native';
import { StoresFeed } from '../handlers/stores/homepage/Feed';

export function Stores(){
    return (
        <React.Fragment>
            <Text style={pageStyle.feedTitle}>Ближайшие магазины</Text>
            <Text style={pageStyle.feedTitle}>Лучшие товары</Text>
            <Text style={pageStyle.listTitle}>Лучшие категории</Text>
            <Text style={pageStyle.feedTitle}>Выгодные цены</Text>
            <Text style={pageStyle.listTitle}>Категории</Text>
        </React.Fragment>
    );
}

const pageStyle = new StoresFeed('ui-change',0).eventStart();

Сам класс с методом состоит из ключей стилей StyleSheet, который должен заработать и как решить данный вопрос правильно(сам код с классом и не только в комментариях к этому вопросу)?

Comments

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

Сам код класса:

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

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

    protected handlerFeed(event : IHandlerControl){
        if(event.screenEvent === 'ui-change'){
          
            if(event.eventType == 0){ 
                //Нулевое значение - это то, чего касается первоначальных элементов и компонентов

                type Style = {
                    feedTitle: TextStyle,
                    listTitle: TextStyle,
                    FCtitle: TextStyle,
                    FCdescription: TextStyle,
                    FCprice: TextStyle,
                    FClink: TextStyle,
                    LClist: TextStyle,
                    LCprint: TextStyle
                };
                return StyleSheet.create<Style>({
                    feedTitle: {
                        color: '#ff0033',
                        fontSize: 70,
                        fontWeight: 'bold',
                        marginLeft: 2,
                        paddingTop: 1,
                        paddingBottom: 1
                    },
                    listTitle: {
                        color: '#d83b01',
                        fontSize: 60,
                        fontWeight: 'bold',
                        marginLeft: 2,
                        paddingTop: 1,
                        paddingBottom: 1
                    },
                    FCtitle:{
                        fontSize: 66,
                        fontStyle: 'italic'
                    },
                    FCdescription:{
                        fontSize: 50
                    },
                    FCprice:{
                        fontSize: 55,
                        fontWeight: 'bold'
                    },
                    FClink:{
                        fontSize: 45,
                        fontStyle: 'normal'
                    },
                    LClist:{
                        fontSize: 50
                    },
                    LCprint:{
                        color: '#201f1e',
                        fontStyle: 'italic'
                    }
                });
            }
           
        }
    }

    public eventStart(){
        this.handlerFeed(this.storesFeed);
    }
}

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

И привязанного к нему TypeScript-интерфейса:

export interface IHandlerControl{
    screenEvent: string
    eventType: number
}

Answer 1

[Alexandroppolus]

Метод eventStart ничего не возвращает

Answer 2

[Дмитрий Беляев]

Включите strictNullChecks, чтоб отлавливать такие ошибки на этапе компиляции

P.S.

storesFeed: any;
constructor(event: any,type: any){

какой смысл в TypeScript если писать везде any?

Comments

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

Извините, но VS Code строит автоматом кульуру TypeScript-кода