@MaximPatrushev

Как правильно использовать typescript(interfaces) с MobX?

Есть 2 компонента, родительский и дочерний.
Дочерний подключен к стору mobx.
interface IProps {
  exercisesStore: {
    isExercisesLoading: boolean;
    exercises: IExercise[];
    addExercise: (exercise: IExercise) => void;
    updateExercise: (exercise: IExercise) => void;
  };  
}

const ChildComponent: FC<IProps> = inject('exercisesStore')(
  observer(({ exercisesStore }) => {  
 // ...
}));
export default ChildComponent;


Когда я вот так использую его в родительском, тслинт мне высвечивает ошибку, мол
const ParentComponent: FC = ( ) => {  
   // ...
  <ChildComponent />
}
export default ParentComponent;

5d85d67802df0124378663.png

Вопрос - я как-то неправильно использую интерфейсы с MobX или неправильно настроен тслинт?
  • Вопрос задан
  • 86 просмотров
Решения вопроса 1
@MaximPatrushev Автор вопроса
Вопрос решен, один из воркэраундов писать так:
exercisesStore?: {
    ...
  };


А затем в коде стор использовать с таким синтаксисом, говоря ТС'у, что стор точно есть:
... exercisesStore!.exercises ...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы