from './ConfirmForm'
или изменить название файла, то все ок. Мне кажется это какой то кеш вебпака шалит.
как эскпортируешь из файла с компонентом?
export const ...
при чем само приложение работает, если закрыть это окошко
скинь скрином
вообще с таким не сталкивался, но обычно экспоритрую компонент через default и реэкспортирую типа export {default as ComponentName} from './path/to/component'
я default стараюсь не использовать
а импортируешь как
импорт не оттуда, нужно импортировать из файла где реэкспорт производишь
я от туда и импортирую.
попытался воссоздать эту же ситуацию отдельно, но не получается) Так что это видимо кеш какой нить
а почему бы сразу не экспорить без дефолта? Зачем такие манипуляции?
он же обьяснил. Что бы отделить memo от основного кода. Чтоб чисто обернуть одну переменную а не весь компонент
чтобы не писать компоненту доп обертки типа const Component = memo(() => {})
а что мешает сделать условно const SelectComponent = () => {}; export const Select = React.memo(SelectComponent);
ну если это красиво, то ок
2 одинаковых имени
ну default-то куда красивее и приятнее 🥰
где 2 одинаковых имени ты видишь?
короче можешь issue открыть в cra(если у тебя cra а не кастомный webpack), проблема в том что у тебя папка и компонент названы одинаково, импорт одновременно смотрит на файл компонента и index.ts и не может разрулить эту проблему
да, но мне кажется еще что проблема в том, что эта папка ConfirmForm лежит в папке Confirm. И типо вебпак как бы не читает окончание "Form" и думает что импортируется Confirm
ну при измнении названия корня, все ок
а вообще, у меня миллион папок в проекте, в которых лежит файл с таким же названием как и сама папка
сделай такую структуру `Confirm --- components —- ConfirmForm`
Обсуждают сегодня