@eugeneledenev

Как сделать реекспорт Typescript React компонента?

У меня есть компонент, который находиться в папке src/MyComponent:
src/MyComponent/MyComponent.tsx - файл с компонентом
src/MyComponent/index.js - файл импортирует и экспортирует компонент. Нужен для того, чтобы был доступ к компоненту по укороченной ссылке (src/MyComponent вместо src/MyComponent/MyComponent)

Когда я импортирую компонент по длинной ссылке src/MyComponent/MyComponent, то в редакторе я вижу все свойства компонента в подсказке. Когда я импортирую по короткой ссылке, то свойства пропадают. Подскажите как мне экспортировать компонент, чтобы короткой ссылке был доступен и компонент и его интерфейс?

Единственный вариант который нашел это создать файл index.d.ts:
import * as React from 'react';
Import MyComponentProps from './types.d';

declare const MyComponent: React.FC<MyComponentProps>;

export default MyComponent;


Но тут приходится заново описывать тип того же компонента. Можно как-то более красиво это сделать?
  • Вопрос задан
  • 91 просмотр
Решения вопроса 1
@eugeneledenev Автор вопроса
Разобрался:

index.d.ts:
export { default } from './MyComponent';
Тут важно в поле From указать именно компонент, а не файл .d.ts
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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