Телеграмм чат группы ts

2021 January 17

el

eden lane in TypeScript — русскоговорящее сообщество

displayName тогда покажи

проблема была в InputWrapper

делаю так:

const {
  a, b, ...rest
} = props;

<div {...rest}></div>

всё падает

делаю

const {
  a, b, onClick
} = props;

<div onClick={onClick} />

всё работает.

Я вообще не понял что за проблема

источник

20:06пожаловаться #1

el

eden lane in TypeScript — русскоговорящее сообщество

displayName определен вот так (пик 1)
а в типах вот так (пик 2)

источник

20:07пожаловаться #2

el

eden lane in TypeScript — русскоговорящее сообщество

источник

20:07пожаловаться #3

Т

Тимофей 🛴 in TypeScript — русскоговорящее сообщество

eden lane

displayName определен вот так (пик 1)
а в типах вот так (пик 2)

Ну у displayName неправильное дефолтное значение

источник

20:08пожаловаться #4

el

eden lane in TypeScript — русскоговорящее сообщество

Тимофей 🛴

Ну у displayName неправильное дефолтное значение

ааа, должен возвращать ReactNode. А почему ошибка всплывала только когда onClick указан?

источник

20:09пожаловаться #5

Т

Тимофей 🛴 in TypeScript — русскоговорящее сообщество

eden lane

ааа, должен возвращать ReactNode. А почему ошибка всплывала только когда onClick указан?

Непонятно

источник

20:09пожаловаться #6

el

eden lane in TypeScript — русскоговорящее сообщество

сейчас поменял обратно на {...rest} - ошибка не появилась. очень странный тайпскрипт

источник

20:10пожаловаться #7

M

Maksim Sharov in TypeScript — русскоговорящее сообщество

как правильно настроить абсолютные пути в ts, если файл с абсолютным импортом не входит в include?

например, для структуры

├── tsconfig.json
├── src
├── stories

tsconfig.json

    "paths": {
      "stories/*": ["./src/stories/*"],
      "components/*": ["./src/components/*"],
      "*": ["./src/*", "*"],
    },
    "include": ["src/**/*"],

для файлов внутри src - абсолютный импорт работает отлично, а вот для файло под каталогом stories уже

Cannot find module 'components/Button' or its corresponding type declarations.

в path, как видно, закрыл все возможные варианты резолва, но ошибка от vscode, линтеров и jest указывает, что абсолютный импорт вне src каталога неразрешим

источник

22:19пожаловаться #8

АИ

Артем Ильченко... in TypeScript — русскоговорящее сообщество

image_2021-01-17_21-24-34.png

(47.91 Кб)

Всем привет) подскажите плз как получить такой тип + нужно что бы значения в link не повторялись? это возможно вообще?

https://www.typescriptlang.org/play?#code/C4TwDgpgBAthB2BXAksCMDOUC8UBEAlvADZER5QA++AxgPbGIzwYXV4BOdA7q1fgENEwOgCUefdkJEBhBkxZtBHCAMn4A5gLB4A3ACh9RNBwBmAmtGQBZBIgBCxOjQDWAHgAqAPigBvfVBQpPAuAFxQHgaBwS4AcgJw4RjAHEQaBgC+hhAAHmB0HMBQxhBmFla2SH4BUBqpACbhANq+UE0uECDF8LB2qOgYALrhNnaOzu4dID4Zg5mGAPQAVPrwEBD1UKCQhv6BdQSNbTWBe4HnMeEA5ETBEFcANCcXRHEJEEkpac8ZT+fV-2ir2u9EYzAwj2eQJC8USUGSqXgGh+f3OADoMTVBvosvolgsgA

источник

22:24пожаловаться #9

M

Maksim Sharov in TypeScript — русскоговорящее сообщество

Артем Ильченко

image_2021-01-17_21-24-34.png

(47.91 Кб)

Всем привет) подскажите плз как получить такой тип + нужно что бы значения в link не повторялись? это возможно вообще?

https://www.typescriptlang.org/play?#code/C4TwDgpgBAthB2BXAksCMDOUC8UBEAlvADZER5QA++AxgPbGIzwYXV4BOdA7q1fgENEwOgCUefdkJEBhBkxZtBHCAMn4A5gLB4A3ACh9RNBwBmAmtGQBZBIgBCxOjQDWAHgAqAPigBvfVBQpPAuAFxQHgaBwS4AcgJw4RjAHEQaBgC+hhAAHmB0HMBQxhBmFla2SH4BUBqpACbhANq+UE0uECDF8LB2qOgYALrhNnaOzu4dID4Zg5mGAPQAVPrwEBD1UKCQhv6BdQSNbTWBe4HnMeEA5ETBEFcANCcXRHEJEEkpac8ZT+fV-2ir2u9EYzAwj2eQJC8USUGSqXgGh+f3OADoMTVBvosvolgsgA

массив с уникальными link должен быть?

источник

22:25пожаловаться #10

АИ

Артем Ильченко... in TypeScript — русскоговорящее сообщество

Maksim Sharov

массив с уникальными link должен быть?

да

источник

22:25пожаловаться #11

M

Maksim Sharov in TypeScript — русскоговорящее сообщество

Артем Ильченко

да

а это в рантайме или при компиляции?

источник

22:28пожаловаться #12

АИ

Артем Ильченко... in TypeScript — русскоговорящее сообщество

Maksim Sharov

а это в рантайме или при компиляции?

При компиляции

источник

22:28пожаловаться #13

АИ

Артем Ильченко... in TypeScript — русскоговорящее сообщество

т.е. я заранее все знаю, что будет

источник

22:29пожаловаться #14

МХ

Максим Храмцов... in TypeScript — русскоговорящее сообщество

Артем Ильченко

image_2021-01-17_21-24-34.png

(47.91 Кб)

Всем привет) подскажите плз как получить такой тип + нужно что бы значения в link не повторялись? это возможно вообще?

https://www.typescriptlang.org/play?#code/C4TwDgpgBAthB2BXAksCMDOUC8UBEAlvADZER5QA++AxgPbGIzwYXV4BOdA7q1fgENEwOgCUefdkJEBhBkxZtBHCAMn4A5gLB4A3ACh9RNBwBmAmtGQBZBIgBCxOjQDWAHgAqAPigBvfVBQpPAuAFxQHgaBwS4AcgJw4RjAHEQaBgC+hhAAHmB0HMBQxhBmFla2SH4BUBqpACbhANq+UE0uECDF8LB2qOgYALrhNnaOzu4dID4Zg5mGAPQAVPrwEBD1UKCQhv6BdQSNbTWBe4HnMeEA5ETBEFcANCcXRHEJEEkpac8ZT+fV-2ir2u9EYzAwj2eQJC8USUGSqXgGh+f3OADoMTVBvosvolgsgA

придется ручками картеж прописать

источник

22:33пожаловаться #15

АИ

Артем Ильченко... in TypeScript — русскоговорящее сообщество

Максим Храмцов

придется ручками картеж прописать

та я бы прописал... но лучше бы зафиксировать так как menuItems тип из другого типа получается и нужно что бы все эти ключи ТОЧНО были в сгенерированном grid массиве

источник

22:35пожаловаться #16

МХ

Максим Храмцов... in TypeScript — русскоговорящее сообщество

на SO есть трюк с генерацией всех перестановок по юниону, но это сопливое решение.

источник

22:38пожаловаться #17

МХ

Максим Храмцов... in TypeScript — русскоговорящее сообщество

я бы на твоём месте зафиксировал картеж, вывел бы из него menuItems и дальше бы пытался подружить твои menuItems и сторонние

источник

22:41пожаловаться #18