Size: a a a

React — русскоговорящее сообщество

2021 March 04

AM

Anton Mazhuto in React — русскоговорящее сообщество
Maxim Koylo
Это в конфигах там надо что то менять, а ну покаж пекедж джейсон свойство module
а у меня его нет
источник

AM

Anton Mazhuto in React — русскоговорящее сообщество
Maxim Koylo
Это в конфигах там надо что то менять, а ну покаж пекедж джейсон свойство module
вы же про "type": "module"?
источник

SS

Stanislav Suslov in React — русскоговорящее сообщество
Anton Mazhuto
а у меня его нет
package.json отсутствует в проекте?
источник

AM

Anton Mazhuto in React — русскоговорящее сообщество
Stanislav Suslov
package.json отсутствует в проекте?
поле "type"
источник

SS

Stanislav Suslov in React — русскоговорящее сообщество
Anton Mazhuto
поле "type"
а. ну короче тут проблема в ES импорте, надо разбираться как билдится проект. я слабо разбираюсь в экосистеме реакта, по скриншоту... это next.js? он из коробки так моросит? если да-да, то я бы погуглил, как добавлять es import в проект. там нужно подключить вероятно es6+ в процесс сборки
источник

E

Egor in React — русскоговорящее сообщество
Привет. Может кто сталкивался.
Проект с typescript.

В типах вижу что дефолтный children ReactNode, если он есть (скрины 1-2)

В компонент (скрин 3) передаю детей (скрин 4).

Почему ругается компилятор?
Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes

Гуглил но объяснений не нашёл.
Хочу понять почему такая ошибка, если внутри есть описание пропса children, которое я соблюдаю.
Типы не хочу писать, нужно понять почему так.

Спасибо.
источник

E

Egor in React — русскоговорящее сообщество
источник

E

Egor in React — русскоговорящее сообщество
источник

E

Egor in React — русскоговорящее сообщество
источник

AM

Anton Mazhuto in React — русскоговорящее сообщество
Stanislav Suslov
а. ну короче тут проблема в ES импорте, надо разбираться как билдится проект. я слабо разбираюсь в экосистеме реакта, по скриншоту... это next.js? он из коробки так моросит? если да-да, то я бы погуглил, как добавлять es import в проект. там нужно подключить вероятно es6+ в процесс сборки
да нет это обычный реакт + razzle
источник

MK

Max Kiner in React — русскоговорящее сообщество
ReactElemetnt вроде надо
источник

AM

Anton Mazhuto in React — русскоговорящее сообщество
Stanislav Suslov
а. ну короче тут проблема в ES импорте, надо разбираться как билдится проект. я слабо разбираюсь в экосистеме реакта, по скриншоту... это next.js? он из коробки так моросит? если да-да, то я бы погуглил, как добавлять es import в проект. там нужно подключить вероятно es6+ в процесс сборки
суть в том что я просто подключаю на страницу сторонню либу svelte-adapter, а в ней походу импорт этот не понимает что-ли
источник

SS

Stanislav Suslov in React — русскоговорящее сообщество
Egor
Привет. Может кто сталкивался.
Проект с typescript.

В типах вижу что дефолтный children ReactNode, если он есть (скрины 1-2)

В компонент (скрин 3) передаю детей (скрин 4).

Почему ругается компилятор?
Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes

Гуглил но объяснений не нашёл.
Хочу понять почему такая ошибка, если внутри есть описание пропса children, которое я соблюдаю.
Типы не хочу писать, нужно понять почему так.

Спасибо.
по-моему FC это алиас, который что-то ломает (не помню точно что). попробуйте FunctionComponent. я попробую начать гадать)
источник

АЕ

Алексей Ефимов... in React — русскоговорящее сообщество
Добрый вечер подскажите а есть ли какая то разница в работе, между этими 2 вариантами записи react+ts, только начал ковырять react+ts и накнулся на это
источник

SS

Stanislav Suslov in React — русскоговорящее сообщество
Anton Mazhuto
суть в том что я просто подключаю на страницу сторонню либу svelte-adapter, а в ней походу импорт этот не понимает что-ли
правильно ли будет сказать "ошибка возникает тогда, когда я использую конструкцию import * from "...";? попробуйте импортить через require, проблема пропадет?
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Anton Mazhuto
вы же про "type": "module"?
О да
источник

🧨

🧨 ethorz in React — русскоговорящее сообщество
Алексей Ефимов
Добрый вечер подскажите а есть ли какая то разница в работе, между этими 2 вариантами записи react+ts, только начал ковырять react+ts и накнулся на это
я бы использовал второй вариант, потому что он сам затипизирует аргумент, и по скольку обработчик стандартный - это самый подходящий варик
источник

АЕ

Алексей Ефимов... in React — русскоговорящее сообщество
🧨 ethorz
я бы использовал второй вариант, потому что он сам затипизирует аргумент, и по скольку обработчик стандартный - это самый подходящий варик
вот как, принял остановлюсь на этом методе, благодарю
источник

E

Egor in React — русскоговорящее сообщество
Stanislav Suslov
по-моему FC это алиас, который что-то ломает (не помню точно что). попробуйте FunctionComponent. я попробую начать гадать)
Спасибо за вариант, но не помогло
источник

AM

Anton Mazhuto in React — русскоговорящее сообщество
Stanislav Suslov
правильно ли будет сказать "ошибка возникает тогда, когда я использую конструкцию import * from "...";? попробуйте импортить через require, проблема пропадет?
нет, именно импортирую стороннюю либу и импорт внутри нее падает как раз
источник