больше нет ../../ импорта в React

Привет мир!

Ребята, вы импортируете компоненты React, такие как «../../../»?

Кроме этого, вы должны обновить до Абсолютного импорта

Настроить абсолютный импорт

Для поддержки абсолютного импорта создайте файл с именем jsconfig.json в корневом каталоге и добавьте приведенный ниже код.

{
“compilerOptions”:{
“baseUrl”:”src
},
“include”:[“src”]
}

давайте преобразуем относительный импорт приведенного выше кода в абсолютный импорт

import React from 'react';
import Button from 'Button';
class DangerButton extends ...
...
}

Преимущества абсолютного импорта

  1. Вы можете легко перенести свой существующий код в другие компоненты с помощью импорта.
  2. Легко определить, где на самом деле размещен компонент, используя путь импорта
  3. Более чистый код.
  4. Легче писать

ешь код сна ❤

Кнопка экспорт по умолчанию;