В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

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

12329 membersпожаловаться на группу
2021 January 12

MK

Maxim Koylo in React — русскоговорящее сообщество
Дмитрий Кубарский
Коллеги,  очень нужна помощь по стеку React + Ts + Styled-components)

Не могу понять, почему TS ругается на стилизованный элемент СheckboxImagesBox.

Демка на codesandbox:
https://codesandbox.io/s/affectionate-resonance-69b96?file=/src/components/%D0%A1heckbox.tsx
CodeSandbox
affectionate-resonance-69b96 - CodeSandbox
affectionate-resonance-69b96 using @types/styled-components, react, react-dom, react-scripts, styled-components
у тебя просто isChecked обязательное свойтво, укажи его и все
источник
20:35пожаловаться#1

IA

Ilya Agarkov in React — русскоговорящее сообщество
а у меня одного при открытии в целом ошибка?)
источник
20:36пожаловаться#2

UA

Utin Alexey in React — русскоговорящее сообщество
Привет всем. Помимо https://www.npmjs.com/package/@craco/craco и npm run eject есть методы, чтобы алиасы заработали?

{
    "compilerOptions": {
        "baseUrl": "./src",
        "paths": {
           "@components/*" : ["./components/*"]
         }
    }
}
npm
npm: @craco/craco
Create React App Configuration Override, an easy and comprehensible configuration layer for create-react-app.
источник
20:37пожаловаться#3

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Maxim Koylo
у тебя просто isChecked обязательное свойтво, укажи его и все
Да, это тоже ошибка, но у меня ее почему то нет)
источник
20:37пожаловаться#4

ДК

Дмитрий Кубарский... in React — русскоговорящее сообщество
Maxim Koylo
у тебя просто isChecked обязательное свойтво, укажи его и все
оно ведь указано)
источник
20:38пожаловаться#5

MK

Maxim Koylo in React — русскоговорящее сообщество
Тимофей 🛴
Да, это тоже ошибка, но у меня ее почему то нет)
ты наводил на компонент?
источник
20:38пожаловаться#6

MK

Maxim Koylo in React — русскоговорящее сообщество
Дмитрий Кубарский
оно ведь указано)
в каком месте это оно указано
источник
20:38пожаловаться#7

ДК

Дмитрий Кубарский... in React — русскоговорящее сообщество
файл грузится просто... там по факту ошибка в том, что ТС ругается на элемнт, он подсвечивается)
источник
20:38пожаловаться#8

MK

Maxim Koylo in React — русскоговорящее сообщество
Дмитрий Кубарский
файл грузится просто... там по факту ошибка в том, что ТС ругается на элемнт, он подсвечивается)
правильно ты ему пропс не передал isChecked
источник
20:39пожаловаться#9

MK

Maxim Koylo in React — русскоговорящее сообщество
Дмитрий Кубарский
файл грузится просто... там по факту ошибка в том, что ТС ругается на элемнт, он подсвечивается)
у тебя там два интерфейса если что СheckboxProps и СheckboxImagesBoxProps
источник
20:40пожаловаться#10

ДК

Дмитрий Кубарский... in React — русскоговорящее сообщество
Maxim Koylo
у тебя там два интерфейса если что СheckboxProps и СheckboxImagesBoxProps
знаю, я пробовал разные способы, это пока не главное) я не могу "завести" сам компонент)
источник
20:42пожаловаться#11

MK

Maxim Koylo in React — русскоговорящее сообщество
Дмитрий Кубарский
знаю, я пробовал разные способы, это пока не главное) я не могу "завести" сам компонент)
источник
20:43пожаловаться#12

UU

U U in React — русскоговорящее сообщество
Как правильно описать proptypes тут? Линтер еще и ругается на Proptypes.array
источник
20:45пожаловаться#13

MK

Maxim Koylo in React — русскоговорящее сообщество
U U
Как правильно описать proptypes тут? Линтер еще и ругается на Proptypes.array
зачем тебе проп тайпы если у тебя тс?
источник
20:46пожаловаться#14

ДК

Дмитрий Кубарский... in React — русскоговорящее сообщество
Maxim Koylo
точно! спасибо большое) ни как не привыкну к синтаксису styled) Спасибо 👍
источник
20:46пожаловаться#15

MK

Maxim Koylo in React — русскоговорящее сообщество
Дмитрий Кубарский
точно! спасибо большое) ни как не привыкну к синтаксису styled) Спасибо 👍
гуд
источник
20:46пожаловаться#16

s

sccc in React — русскоговорящее сообщество
U U
Как правильно описать proptypes тут? Линтер еще и ругается на Proptypes.array
Просто из интереса, зачем тс и проптайпс и дефолтпропс одновременно использовать?
источник
20:46пожаловаться#17

Д

Ден in React — русскоговорящее сообщество
может кто посоветовать статью информативную или ссылку по Type script
источник
20:47пожаловаться#18

UU

U U in React — русскоговорящее сообщество
@maximkoylo @spotsccc
Typescript and PropTypes serve different purposes. Typescript validates types at compile time, whereas PropTypes are checked at runtime.

Typescript is useful when you are writing code: it will warn you if you pass an argument of the wrong type to your React components, give you autocomplete for function calls, etc.

Однако в целом я не то, чтобы сильно хотел этого. Просто решил написать образцовый код, добавил линтер и он начал ругаться. Вот и решил следовать его указаниям
источник
20:47пожаловаться#19

s

stanislav in React — русскоговорящее сообщество
По коду ошибки почитай доку
источник
20:48пожаловаться#20