2022-03-31 21:41:01+00:00

Пасябки)

2022-03-31 21:38:49+00:00

Что-то типа:

onMouseMove = (e: MouseEvent)

addEventListner добавляет нативный обработчик, а не реактовский

2022-03-31 21:29:57+00:00

Всем даров, нужен help, как это можно исправить?😳

2022-03-31 20:17:29+00:00

ага, correlated union record types — похоже на описание того, что есть

2022-03-31 20:10:43+00:00

Нашёл issue, связанный с этим. Посмотрю, есть ли какие-то workaround'ы:

https://github.com/microsoft/TypeScript/issues/30581

2022-03-31 20:00:56+00:00

С точки зрения логики этот код должен работать. Типы однозначно определяются полем typeId, но для TS это слишком сложное умозаключение.

2022-03-31 19:55:28+00:00

Маппинг ключей объекта на типы работает хорошо с сужением ключей только когда снаружи функции надо тип достать.

Ну получился юнион из всех вариантов — и ладно. А когда это надо в функцию передать, то из-за контрвариантности аргументов функции они схлопываются в never

2022-03-31 19:53:43+00:00

не, с обобщённым forEach, наверное, не выйдет

2022-03-31 19:53:11+00:00

typeof user === 'object', keyof typeof user проходит?

2022-03-31 19:51:56+00:00

Я попытался сделать так, но с тем же результатом:

type Field = {

id: FieldId;

typeId: TypeId;

};

const fields: Field[] = [

{id: 'dob', typeId: 'date'},

{id: 'revenue', typeId: 'number'},

{id: 'username', typeId: 'text'},

];

2022-03-31 19:48:38+00:00

А, у тебя там контрварианты

2022-03-31 19:44:00+00:00

А где? Можно, плз, пример в песочнице?

2022-03-31 19:41:03+00:00

Generic-параметр завести K extends keyof Types

2022-03-31 19:40:11+00:00

А наоборот нельзя. Нет пути из мира мертвых типов в мир живых значений

2022-03-31 19:39:15+00:00

Собственно, если значение, то тогда надо объявить значение as const, а тип из него уже вывести через typeof T[number]

2022-03-31 19:39:01+00:00

type Types = {

date: Date;

number: number;

text: string;

};

const formatters: {

[TypeId in keyof Types]: (value: Types[TypeId]) => string;

} = {

date: value => value.toISOString(),

number: value => value.toFixed(2),

text: value => value.toUpperCase(),

};

const user = {

dob: new Date(),

revenue: 10_000,

username: 'Alice',

};

const fields: {

id: keyof typeof user;

typeId: keyof Types;

}[] = [

{id: 'dob', typeId: 'date'},

{id: 'revenue', typeId: 'number'},

{id: 'username', typeId: 'text'},

];

fields.forEach(field => {

const format = formatters[field.typeId];

const value = user[field.id];

// Argument of type 'string | number | Date' is not assignable to parameter of type 'never'

console.log(format(value));

});

https://tsplay.dev/WybDAw

Привет! Помогите плз разрулить такой момент (без assertion'ов и any). Сейчас параметр функции format() резолвится в never, и поэтому она не хочет ничего принимать.

2022-03-31 19:38:55+00:00

У коллеги был недавно такой кейс, но я не вникал зачем)

2022-03-31 19:37:36+00:00

Если тебе нужно значение, то никак. Если нужен тип, то не очень понятно зачем

2022-03-31 19:37:08+00:00

Если нужно именно так как ты привел, то ответ будет сложный, вряд ли кто-то сходу скажет

2022-03-31 19:36:19+00:00

Самый простой вариант: TType[]

2022-03-31 19:29:05+00:00

Подскажите

type TType = 'test' | 'example'

Как превратить в ['test', 'example']?

2022-03-31 19:25:52+00:00

Хелп

Мне нужно в зависимости от условия ставить тот или иной интерфейс

Как это можно сделать ?

2022-03-31 19:21:59+00:00

Или использовать discriminated union. Потому что A | B подразумеввет A & B как один из вариантов и для исключения надо сделать что-то чтобы A & B = never

2022-03-31 18:50:40+00:00

если Вам нужно конкретно смотреть на то, чтоб у объекта не было пересечения 2 полей, то можно использовать условие if ('tentacles' in myAnimal && 'claws' in myAnimal) {...//}

2022-03-31 18:47:45+00:00

typeMyAnimalType = Cat | Octopus добавить

2022-03-31 18:46:31+00:00

@sundered0 Тут вопрос в том, что у меня есть некоторая переменная, тип которой может быть как Cat так и Octopus. Но не все сразу. У кошек нет щупалец

2022-03-31 18:42:04+00:00

почему не так?

2022-03-31 18:41:40+00:00

class Animal {

color: string,

weight: string

}

class Cat extends Animal {

claws: number

}

class Octopus extends Animal {

tentacles: number

}

2022-03-31 18:39:23+00:00

Merge при использовании &-типов. Для |-типов ты указываешь, что переменная равна либо одному, либо другому

2022-03-31 18:16:00+00:00

Потому что он так устроен

2022-03-31 18:11:10+00:00

Почиму при использовании юнион тайпов такйпскрипт смердживает типы? Каким образом можно указать тайпскрипту, что я хочу использовать один тип, либо второй, а не оба вместе? https://www.typescriptlang.org/play?ssl=21&ssc=1&pln=21&pc=2#code/C4TwDgpgBAwghsKBeKBvAUFLUDGB7AGzwCcAuKAZ2GIEsA7AcwBpNsB3CGhgC2HLoCuAWwBGEYi2xRgcGgXIi8hCHDroAvunShIUAPI5geMAIrI0rLPiJlK1es0tQOXXv2FiJT4BDozDBBAU7qLiLJra4NAAgnQ0QnAE5vCIAD76hsamUOmCBAQA3FqBiDgI5LHxieYYUtYk5ADkxBAAJo2S7Jw8fFAATAAMnVgycuTUAhDDUAD0M1CAWCCADCCAXCBQgIIggCwggKwggNwgS4BCIIAyIExQgOIgB4B8IICMIIDSIFAHS4CcIID8IOsrgBwgLwdQL5eAvCCAeRBdqcLpcoIBhECgK0uV0ATCBQf7bH6ASRAIS8lrttoAxEAA-N5fP5gIFglAAIwANnCQA

2022-03-31 18:10:23+00:00

как установить next-app с предустановкой под тс?

2022-03-31 18:05:51+00:00

нужно в tsconfig прописать include и exclude

2022-03-31 18:04:53+00:00

Всем привет. Подскажите, как отдать тип для дженерика, если я передаю функцию, как аргумент?

2022-03-31 17:47:59+00:00

В tsconfig ошибка, которая ссылается на вебпак. В чем причина?

2022-03-31 16:32:34+00:00

можно так

"rootDirs": ["./src", "./another", "./etc"]

или рут дир уровнем выше, который их все включает

2022-03-31 16:10:45+00:00

Круто, спасибо!

2022-03-31 15:53:36+00:00

Какая ошибка? И откуда location достаётся?

2022-03-31 15:50:53+00:00

Как это можно исправить?

2022-03-31 15:48:28+00:00

interface Person {

firstName: string;

lastName: string;

age: number | string;

}

type Values> = Obj[keyof Obj];

type StringedKeys<

Obj extends object,

Key extends keyof Obj = keyof Obj

> = Values<{

[K in Key]: Obj[K] extends string ? K : never;

}>;

type Result = StringedKeys;

2022-03-31 15:44:13+00:00

Точно, спасибо большое

2022-03-31 15:39:24+00:00

две разные функции, и он ожидает один аргумент в виде объекта в котором будет два ключа: sliderLevel и xPosition, а ты передаешь 2 аргумента.

2022-03-31 15:36:54+00:00

Всем приевт, получаю такую вот ошибку,не могу врубить что и почему

2022-03-31 15:28:14+00:00

"include": ["./src", "./another", "./etc"]

2022-03-31 14:32:47+00:00

зацените

2022-03-31 14:26:52+00:00

company {name: "a", contact: {fio: "b"}} Таблицы company и contact связаны один к одному. Как реализовать эту связь? Подскажите, где почитать?

2022-03-31 14:25:07+00:00

Всем привет! На nest прилетает вот такой json:

2022-03-31 13:53:41+00:00

аа, ща попробую

2022-03-31 13:45:53+00:00

привет!

interface Person {

firstName: string;

lastName: string;

age: number;

}

Хочу получить тип из ключей, для которых значение типа string. В случае Person это firstName | lastName.

Вот что получилось

type StringedKeys = T[Key] extends string ? Key : never;

но в результате StringedKeys равен never. ЧЯДНТ?

2022-03-31 13:37:18+00:00

Хз)

Лучше не делать такой хук, а в зависимости от задач делать логику в компонентах?

2022-03-31 13:33:52+00:00

зачем тащить логику в компоненты?!

2022-03-31 13:29:12+00:00

Посмотрите, пожалуйста, норм получилось сделать и типизировать useAxios?

2022-03-31 13:25:11+00:00

+

2022-03-31 13:24:43+00:00

Да просто этот объект сам затипизировать весь

2022-03-31 13:23:16+00:00

короче, сделай { withoutDef, type }: { withoutDef: boolean, type: string | number }

2022-03-31 13:22:55+00:00

фигню сказал

2022-03-31 13:22:53+00:00

ой

2022-03-31 13:22:39+00:00

это не декларация, ты передаёшь значение

2022-03-31 13:21:52+00:00

Почему я тут не могу указать тип этого аргумента?

2022-03-31 13:19:04+00:00

https://t.me/ts_cool/169544

2022-03-31 12:59:19+00:00

Заработало, спасибо

2022-03-31 12:59:11+00:00

Запускать через npx ts-node ?

2022-03-31 12:58:21+00:00

Попробуй удалить js файлы и перекомпилировать

2022-03-31 12:28:24+00:00

Добрый день, подскажите пожалуйста как перебилдить проект. Когда запускаю main.ts подтягивается старая версия .js файла а не обновленный .ts

2022-03-31 12:01:43+00:00

странно, а просто state

2022-03-31 12:00:45+00:00

undefined пишет

2022-03-31 11:59:15+00:00

попробуй вывести что хранится в state.user

2022-03-31 11:51:33+00:00

Всем привет,

У меня isAuth выдает undefined, но его значение хранится в сторе

С чем это может быть связано?

2022-03-31 11:08:21+00:00

Всем привет, подскажите пожалуйста как вставить тип IPrizePlaces в интерфейс ICompetitionPrizesProps без дублирования prizePlaces (extends не подходит, так как нужно будет несколько полей так вставить)

2022-03-31 11:08:01+00:00

кстати, все-таки даже не в …args проблема, он все аргументы помечает как any

2022-03-31 11:05:28+00:00

Привет. Подскажите, пожалуйста, могу ли я получить список аргументов (через …args) в перегруженной функции, в которой их может быть динамическое количество, при этом не теряя описание типов? Я делаю обертку над перегруженной функцией и мне просто нужно передать все аргументы из обертки в нее

2022-03-31 09:50:17+00:00

Ок, благодарю

2022-03-31 09:50:04+00:00

Да, но этот index.js должен что-то экспортировать

2022-03-31 09:49:40+00:00

понял, т.е в главном файле достаточно указать путь к папке где находиться index.js?

2022-03-31 09:49:03+00:00

или в том же index файле импортировать в объект каждый файл по старинке, а потом его же экспортировать

2022-03-31 09:48:14+00:00

можешь создать внутри handlers index.(ts|js) файл, там используя named exports экспортировать каждый файл как export { default as file } from './file';

а затем

import * as handlers from './handlers'

2022-03-31 09:46:23+00:00

Добрый день, у меня приложение на express, есть папка handlers, можно ли не импортировать каждый файл по одельности, а импортировать папку целиком ?

2022-03-31 09:43:13+00:00

Нужно расширить интерфейс конфига свойством headers и Authorization (или можно Record)

2022-03-31 09:35:27+00:00

Исправил, теперь другая проблема😂

2022-03-31 09:35:09+00:00

config не типизирован

2022-03-31 09:26:30+00:00

Почему typescript ругается и как можно пофиксить?

2022-03-31 09:17:54+00:00

так дело не в редьюсере, а в thunk middleware

https://stackoverflow.com/questions/68319352/improper-type-signature-for-dispatch-method-despite-using-app-dispatch-hook

2022-03-31 09:08:01+00:00

Вот я тоже про это читал, вопрос собственно возник потому что и useDispatch и useAppDispatch норм отрабатывают, думаю вот от чего меня спасает useAppDispatch, в чём польза знания диспатча о reducer из Redux Toolkit

2022-03-31 09:05:19+00:00

я не работал с thunk, но вот что пишет дока

For useDispatch, the default Dispatch type does not know about thunks. In order to correctly dispatch thunks, you need to use the specific customized AppDispatch type from the store that includes the thunk middleware types, and use that with useDispatch. Adding a pre-typed useDispatch hook keeps you from forgetting to import AppDispatch where it's needed.

> specific customized AppDispatch type from the store that includes the thunk middleware types

2022-03-31 08:58:11+00:00

Добрый день.

Как и можно ли задекларировать стрелочную функцию

Есть

// index.js

export default ({ activeView, backUrl }) => {

return undefined;

}

Нужно написать декларацию. (В этом и вопрос)

declare module "path-to-module" {

export default (p: string) : void;

};

2022-03-31 08:36:55+00:00

Привет, есть вопрос по поводу типизации useSelector и useDispatch.

Понятно почему мы используем useAppSelector, чтобы типизировать state и получать подсказки от IDE и не тратить время на "А как же у меня там называется переменная"

А зачем использовать useAppDispatch? В доке говорится это для того чтобы мы не смогли прокинуть неопределенные action, но ведь если мы попробуем толкнуть в useAppDispatch несуществующий reducer, то мы получим ошибку от TS compiler, так в чём тогда смысл useAppDispatch?

2022-03-31 08:15:24+00:00

A computed property name must be of type 'string', 'number', 'symbol', or 'any'. Что он хочет от меня?

2022-03-31 06:02:34+00:00

https://t.me/ts_cool/169544 короче все что решается также на жсе - не в этот чат, по ТСу велкам

2022-03-31 06:02:04+00:00

google.com

2022-03-31 06:00:52+00:00

Отличия небольшие, но в ТС есть интерфейсы какие описывают класс и много чего другого, наверное. Вот и хочется увидеть, как оно. Но, если есть источник по ЖС, тоже буду благодарен)

2022-03-31 05:57:03+00:00

а причем тут тс? я имею ввиду чем отличается все перечисленное на ТСе от ЖС?

2022-03-31 05:54:55+00:00

Привет всем! Посоветуйте книгу или курс, где можно увидеть связку ТС и классов. Где навешуются слушатели, асинхронность, все базовые вещи, но всё это через призму классов! Спасибо!

2022-03-30 18:01:42+00:00

конструктор принимает дженерик, а не обернут в него

2022-03-30 17:55:44+00:00

Этот конструктор обернут в дженерик? Кажется ошибка в дженерике происходит

2022-03-30 17:47:22+00:00

в моем случае Attrs это этот интерфейс

export interface IControl {

id?: string;

label: string;

type: ComponentType;

options?: Array;

value?: string | PeriodValue;

manualInput?: boolean;

}

2022-03-30 17:45:56+00:00

Attrs какие типы может возвращать ?

2022-03-30 17:36:59+00:00

constructor(attributes?: Attrs, options?: Options);

get(attr: keyof Attrs): Attrs[keyof Attrs];

type OptionItem = {value: string; text: string};

type PeriodValue = {from: string; to: string};

type ComponentType = 'input' | 'select' | 'date';

export interface IControl {

id?: string;

label: string;

type: ComponentType;

options?: Array;

value?: string | PeriodValue;

manualInput?: boolean;

}

export default class extends Model {}

2022-03-30 17:34:49+00:00

а что за класс Model? что делает .get?

2022-03-30 17:33:17+00:00

подскажите, пожалуйста, как правильно сузить тип в данном случае?

2022-03-30 17:32:24+00:00

model.get вернёт (любую) строку, а ваш объект ожидает 3 специфических...

2022-03-30 17:14:00+00:00

Когда прокидываю строку напрямую, то ошибки нет, не могу вкурить, в чем прикол

2022-03-30 17:09:35+00:00

Всем привет, есть проблема с типизацией, подскажите, плиз куда копать дальше:

Сама модель описана так:

type OptionItem = {value: string; text: string};

type PeriodValue = {from: string; to: string};

type ComponentType = 'input' | 'select' | 'date';

export interface IControl {

id?: string;

label: string;

type: ComponentType;

options?: Array;

value?: string | PeriodValue;

manualInput?: boolean;

}

export default class extends Model {

static fields = {};

}

2022-03-30 17:08:12+00:00

neat

2022-03-30 16:59:49+00:00

Понадобится дженерик функция. Например вот так: TypeScript Playground

2022-03-30 16:57:09+00:00

несколько полей \

2022-03-30 16:56:50+00:00

А что в EnumType?

2022-03-30 16:36:20+00:00

Привет всем. Подскажите пожалуйста, как типизировать event с учетом доступа к свойствам key и target.blur:

const handleKeyDownInput = (event) => {

if (event.key === 'Enter') {

event.target.blur();

}

}

2022-03-30 16:25:13+00:00

в самой функции проверить только уже может

2022-03-30 16:07:18+00:00

Всем привет. Можно ли как то указать что бы arg2 не могла быть такой же как arg1?

cont func1 = ( arg1: EnumType, arg2: EnumType ) => {};

2022-03-30 15:34:39+00:00

хз)

2022-03-30 15:34:03+00:00

Получается других вариков нет?

2022-03-30 15:30:09+00:00

звездец, реально на регистр жаловалось... И че так, не понимаю

2022-03-30 15:18:03+00:00

хотя хз, не должен

2022-03-30 15:17:43+00:00

мне кажется ему верхний регистр не нравится

2022-03-30 15:17:13+00:00

ой, я не увидел, что ты спрсоил только за resp.data

2022-03-30 15:16:50+00:00

вот такое

2022-03-30 15:16:42+00:00

ну если массив, тогда у него нет Result

2022-03-30 15:16:13+00:00

массив

2022-03-30 15:16:07+00:00

что в resp.data ?

2022-03-30 15:15:02+00:00

это я уже все перепробовал. Я как раз понимаю как работает ?.

2022-03-30 15:14:29+00:00

вот пример того, что не понимают как ?. работает и везде его пихауют

2022-03-30 15:12:07+00:00

Всем привет. Подскажите пожалуйста как пофиксить это

2022-03-30 15:07:29+00:00

О, получилось, спасибо за идеи)

2022-03-30 15:04:57+00:00

Сорян, я там провтыкал, вот так мб проще

2022-03-30 14:57:50+00:00

Плейграунд кину

2022-03-30 14:57:45+00:00

Щас

2022-03-30 14:56:25+00:00

Нужен вот такой тип для event сделать

2022-03-30 14:55:12+00:00

Но чет не нравится ему

2022-03-30 14:53:59+00:00

Да, вот ток заметил

2022-03-30 14:53:43+00:00

ага, у тебя в стейте висит тип первого элемента в виде константы.

2022-03-30 14:50:12+00:00

as keyof typeof

2022-03-30 14:46:12+00:00

Так?

2022-03-30 14:41:56+00:00

Не, так не работает, через Omit надо было

2022-03-30 14:41:42+00:00

(typeof OptionList)[number]

2022-03-30 14:40:48+00:00

Норм, что event: undefined, т.к. это либа для select и по доке так надо

Мне нужно указать, что value в event может быть 'stopAll' или 'stop'

2022-03-30 14:39:10+00:00

Мб, не так понял

Я не могу сделать вот так, т.к. в setOption должен быть тип 'stopAll' | 'stop', а не строка

2022-03-30 14:35:59+00:00

type lol = {

[key in keyof typeof initialState]: keyof typeof initialState;

};

но структура выглядит странно, мб там нужен просто массив

2022-03-30 14:34:22+00:00

у каждой строки поставить as const

2022-03-30 14:33:27+00:00

https://www.typescriptlang.org/play?#code/C4TwDgpgBAslC8UAUA6NYCGAnDBbAzgFxQDaaKGAdiCQLoA0yEWWxVIjWERU7AlAgB8UAG4B7AJYATWgPjDx0gNwBYAFDqAxmMr5gUXMTiIkGYnqwTKAc0YAjc8Es3GmysSTNWUC1dtQuHl8bOQVJKVCoAG8AXyA

В чем ошибка?

2022-03-30 14:30:09+00:00

Как получить тип всех элементов массива, чтобы я могу указать, что объект может быть типа, который есть в массиве, т.е. не может быть объекта

{ value: 'stopSingle': label: 'stop' }

2022-03-30 14:28:57+00:00

interface A {

a: string;

b: number;

}

interface B extends A {

b: string;

}

2022-03-30 14:27:27+00:00

Привет всем! Подскажите как можно переделать эту запись чтобы Эни убрать?

Есть стейт с различными ключами, хотелось бы получить динамически изменяющийся объект чтобы ключ был равен этому же ключу только типа строка.

2022-03-30 14:19:37+00:00

А как я могу сделать новый интерфейс наследуясь от другого и перезаписать значение родителя ?

2022-03-30 14:11:40+00:00

Всем привет,

Я в app диспатчу пользователя, но не получается его прочесть, как это можно исправить?

2022-03-30 14:11:03+00:00

а вторая это redux thukn

2022-03-30 14:10:36+00:00

const action: {

request: PayloadMetaActionCreator,

success: PayloadMetaActionCreator,

failure: PayloadMetaActionCreator}

2022-03-30 14:09:44+00:00

Какой тип у action?

2022-03-30 14:09:33+00:00

их надо через declare?

2022-03-30 14:09:22+00:00

Вот я не понимаю, как указать явно функции

2022-03-30 14:09:05+00:00

или лучше просто укажи возвращаемый тип у функции явно

2022-03-30 14:09:04+00:00

return [action, actionAsync] as const

2022-03-30 14:08:37+00:00

А вот такой return это грамотно?

2022-03-30 14:07:47+00:00

Спасибо!!

2022-03-30 14:07:41+00:00

Понял!!!!

2022-03-30 14:07:12+00:00

А, ещё нужно сделать не (...args: Args[]), а (...args: Args).

Первый вариант означает, что функция принимает сколько угодно аргументов, каждый из аргументов — Args

2022-03-30 14:06:31+00:00

А можешь в 2 словах в чем конкретно была трабл?

2022-03-30 14:06:19+00:00

Балдеж

2022-03-30 14:06:16+00:00

Да збс

2022-03-30 14:05:57+00:00

а ща

2022-03-30 14:05:47+00:00

ошибка была на id

2022-03-30 14:05:14+00:00

сек

2022-03-30 14:05:05+00:00

После замены Args[] на Args не работает?

2022-03-30 14:04:23+00:00

function actionFactory( service: string, request: string): [({request: AsyncActionHandler, success: AsyncActionHandler, failure: AsyncActionHandler} | {request: AsyncActionHandler any) ? T : (undefined extends ((...args: infer T) => any) ? T : never), TMeta1 extends undefined ? TPayload1 : [TPayload1, TMeta1]>, success: AsyncActionHandler any) ? T : (undefined extends ((...args: infer T) => any) ? T : never), TMeta2 extends undefined ? TPayload2 : [TPayload2, TMeta2]>, failure: AsyncActionHandler any) ? T : (undefined extends ((...args: infer T) => any) ? T : never), TMeta3 extends undefined ? TPayload3 : [TPayload3, TMeta3]>}), ((...args: Args) => (dispatch: any) => Response)]

2022-03-30 14:03:57+00:00

да, пришли текстом лучше

2022-03-30 14:03:51+00:00

/

2022-03-30 14:03:40+00:00

туплы разные бывают

2022-03-30 14:03:36+00:00

вот это?

2022-03-30 14:03:07+00:00

покажи сначала, какой тип вывелся для функции

2022-03-30 14:03:05+00:00

получается tuple

2022-03-30 14:02:31+00:00

Надо их через declare описать?

2022-03-30 14:02:24+00:00

А как это грамотно написать что возвращает массив с 2 функциями

2022-03-30 14:02:03+00:00

А, ещё нужно сделать не (...args: Args[]), а (...args: Args).

Первый вариант означает, что функция принимает сколько угодно аргументов, каждый из аргументов — Args

2022-03-30 14:01:37+00:00

аххх понял, сорри

2022-03-30 14:01:33+00:00

Ну или покажи, ккой тип выводит TS

2022-03-30 14:01:29+00:00

ааааа

2022-03-30 14:01:21+00:00

А, я имел в виду для actionFactory

2022-03-30 14:01:15+00:00

Это вот смотри дженерик

2022-03-30 14:01:04+00:00

что такое Response?

2022-03-30 14:00:52+00:00

а Response не проходит?

2022-03-30 14:00:35+00:00

укажи возвращаемый тип

2022-03-30 14:00:21+00:00

промис с ответом

2022-03-30 13:59:48+00:00

а что возвращает функция?

2022-03-30 13:59:29+00:00

вот

2022-03-30 13:59:11+00:00

я уже весь гугл перерыл, неужели нет простого способа?

2022-03-30 13:58:29+00:00

Подскажите, как получить типы всех элементов массива?

Не typeof arr, а вот так typeof (arr[0], arr[1]...)

2022-03-30 13:57:24+00:00

параметры функции — в данном случае service и request

2022-03-30 13:56:45+00:00

каким параметрам?

2022-03-30 13:56:31+00:00

параметрам тоже

2022-03-30 13:56:29+00:00

ок сек

2022-03-30 13:56:26+00:00

ааа

2022-03-30 13:56:16+00:00

export const actionFactory = (service, request): TheTypeThisFunctionReturns => {

///

}

2022-03-30 13:54:56+00:00

Это как?

2022-03-30 13:54:36+00:00

привет! как зазрузить файл в typescript?

2022-03-30 13:54:30+00:00

Укажи возвращаемый тип actionFactory явно

2022-03-30 13:52:42+00:00

Покажи actionFactory

2022-03-30 13:52:12+00:00

покажи код

2022-03-30 13:52:02+00:00

extends [] не работает, просит массив прокидывать

2022-03-30 13:47:15+00:00

ааааа я наверно могу в factory прокинуть

2022-03-30 13:46:54+00:00

Вот надо здесь аргументы указать

2022-03-30 13:46:47+00:00

это

2022-03-30 13:46:39+00:00

Но до этого, actionAsync возвращает

2022-03-30 13:46:18+00:00

Это да

2022-03-30 13:46:15+00:00

смотри

2022-03-30 13:46:07+00:00

changeManualStatusAPAsync(id, {status: ...}) ?

2022-03-30 13:45:37+00:00

знаешь как? Интересно ппц

2022-03-30 13:42:43+00:00

а вот штука которая это делает

2022-03-30 13:41:43+00:00

вот мне бы как то в этом месте к функции Async указать аргументы

2022-03-30 13:41:25+00:00

вот у меня там фабрика которая возвращает такие функции

2022-03-30 13:41:03+00:00

ща покажу

2022-03-30 13:41:02+00:00

хммм вообще мне не сюда надо вывести

2022-03-30 13:39:16+00:00

в данном случае из аргументов должны типы вывестись, так что явно указывать не надо

2022-03-30 13:39:12+00:00

да вроде нет

2022-03-30 13:39:01+00:00

есть варианты, как сделать иначе?

2022-03-30 13:38:44+00:00

В целом что то такое сделать

2022-03-30 13:38:32+00:00

А мб есть какой то более хороший способ

2022-03-30 13:38:07+00:00

А вообще должно само выводиться

2022-03-30 13:38:06+00:00

Дженерик параметр один, а ты передаёшь два. Надо так:

changeManualStatusAPAsync<[id, {status: any}]>

2022-03-30 13:37:06+00:00

А как это прокинуть?

2022-03-30 13:36:10+00:00

Are you developer?

2022-03-30 13:35:32+00:00

Thank you

2022-03-30 13:34:49+00:00

Kek

2022-03-30 13:34:47+00:00

У него IUser interface

2022-03-30 13:34:38+00:00

гц

2022-03-30 13:33:13+00:00

Спасибо! Здоровья и счастья!

2022-03-30 13:33:11+00:00

Hello everyone

I am a senior front-end and blockchain developer.

2022-03-30 13:32:40+00:00

(...args: Args)

2022-03-30 13:32:17+00:00

вот

2022-03-30 13:32:09+00:00

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

2022-03-30 13:32:00+00:00

Да, но мне надо как дженерик это прокинуть.

2022-03-30 13:31:48+00:00

Так же, как и в JS

2022-03-30 13:31:38+00:00

const sum = (...numbers: number[]) => numbers.reduce((a, b) => a + b, 0)

2022-03-30 13:30:31+00:00

Ребят, как указать что функция может принимать любое количество аргументов?

2022-03-30 13:14:22+00:00

Не IUser, а User

2022-03-30 13:12:21+00:00

user: {} as IUser

2022-03-30 13:11:34+00:00

плохой совет

2022-03-30 13:11:32+00:00

И туда просто вместо {} -> null

2022-03-30 13:11:11+00:00

user: IUser | null

2022-03-30 13:11:07+00:00

А куда😅

2022-03-30 13:10:34+00:00

Ты не туда

2022-03-30 13:09:34+00:00

Он теперь вообще на все ругается

2022-03-30 13:08:03+00:00

{} замени на Record

2022-03-30 13:06:46+00:00

Всем привет,

Недавно начал изучение ts.

Подскажите пожалуйста, почему ругается на user и как это можно исправить?

2022-03-30 12:22:50+00:00

он будет ругаться что тип отличается от never

2022-03-30 12:22:35+00:00

че угодно можешь делать

2022-03-30 12:22:32+00:00

тип - пустой массив|?

2022-03-30 12:22:24+00:00

то-есть?

2022-03-30 12:22:06+00:00

массив будет типа []never

2022-03-30 12:21:25+00:00

если в тайпскрипте указал тип [], то если массив станет НЕ пустым то получим ошибку?

2022-03-30 10:08:28+00:00

Я думаю его не нужно типизировать typescript уже это делает за тебя. Если я не прав то извини

2022-03-30 09:54:58+00:00

Как правильно типизировать Map, состоящий из двух этих значений?

2022-03-30 09:44:45+00:00

Спасибо

2022-03-30 09:44:26+00:00

Унаследуйте нужные методы в этот интерфейс

2022-03-30 09:43:53+00:00

так есть наследие для этого

2022-03-30 09:42:25+00:00

Да, я только что об этом подумал и так поступил, но тс подчеркивает что у интерфейса нет методов для сохранения и тд. Ну по сути методов модели юзера, видимо, интерфейс юзера нужно как-то расширить.

2022-03-30 09:41:32+00:00

Это ж дто по сути?

2022-03-30 09:40:48+00:00

создайте interface для этого параметра. Я думаю так удобнее.

2022-03-30 09:32:40+00:00

Всем привет, такой вопрос, в функцию параметром передается user, по сути модель юзера из mongoose, какой тип должен быть у этого параметра user? Я подумал что user: userModel, но typeScript подсказывает что лучше user: typeof userModel. Воможно этот способ является неправильным или есть более изящный выход?

2022-03-30 09:15:46+00:00

Всем привет!

Может кто подсказать, по какой причине ошибка в данном коде?

https://www.typescriptlang.org/play?#code/C4TwDgpgBAYg9nAPAFQHxQLxWVCAPYCAOwBMBnKAQyJCgH4ozgAnASyIHMoAuKIiAG4RmAbgCwAKFCRYCAEwp0WHPkKkKTNp3qMW7Lr35DRkyQDMArkQDGwVnCJQzRFLgLFyurR1QAKAbzIAJRQAN6mElBQADYQwFAWcrzwSGjikQlymFAA5AAWzAUAVjnpklGx8RYAzMnyiulRNdn5hcwlZRnMcRbMjonpAL4R1g5MULRYzr45lABG1jlBIkA

2022-03-30 08:02:52+00:00

спасибо

2022-03-30 08:02:49+00:00

любопытно

щаз проверим

2022-03-30 08:02:04+00:00

так?

https://www.typescriptlang.org/play?#code/C4TwDgpgBAKgsiAYgVwHYGNgEsD2qoC8UAFAHTkCGATgOYDOAXFANrmkWojMC6ANFHWBUsqGtwCUhAHxQOIANxA

2022-03-30 07:56:19+00:00

Привет

Как мне описать на Тайпскрипте функцию, которая принимает переменное число аргументов любых типов, но последний аргумент типа string?

Пробовал через rest, но не вышло.

2022-03-30 07:31:11+00:00

если строк минимум одна, то [string, ...string[], () => void]. Если может быть 0, то соответственно первый string удалить

2022-03-30 07:28:58+00:00

https://www.typescriptlang.org/play?target=99#code/MYGwhgzhAEAqCmEAuBvAUNawD2JsCdoBeadTTfeAEwC5oAiSq+gGg3ICMQBXeO+rr3rsAvuwDm8JAGFcBABQ48+fk3oAfAT3j0AlGXKUk3fADtoSABYBLCADolBANqP8AXQDc5aKPY5TyPjcwEgK+uyY-hC48HZ44vJWtnaSMnL48ozUeroeviJAA

2022-03-30 07:19:42+00:00

Как описать тип массива, в котором в конце всегда функция, я вначале строки?

Типа такого: [string, string, () => void]

но строк может быть сколько угодно.

2022-03-30 07:17:52+00:00

https://t.me/ts_cool/169544

2022-03-30 07:10:28+00:00

https://www.typescriptlang.org/play?target=99#code/MYGwhgzhAEAqCmEAuBvAUNawD2JsCdoBeadTTfeAEwC5oAiSq+gGg3ICMQBXeO+rr3rsAvuwDm8JAGFcBABQ48+fk3oAfAT3j0AlGXKUk3fADssc-ADolBANzloo9jlPJ83YEgX72mVxC48FZ44vJIABYAlhBWkjKW8ozUerp2ziJAA

2022-03-30 07:10:27+00:00

Подскажите пожалуйста правильный синтаксис?

2022-03-29 22:32:11+00:00

https://tsplay.dev/mL4gAm

Если вдруг кому интересно, сделал через словарик + утилитку.

Остальной код прикладного примера с фильтрами — по ссылке.

Edit: Оказывается, такая утилитка уже есть в ts-toolbelt, называется SelectKeys:

https://github.com/millsp/ts-toolbelt#utility-index

2022-03-29 21:40:53+00:00

слишком старая)

2022-03-29 21:40:43+00:00

забей, это просто старая версия ts была

2022-03-29 21:31:02+00:00

Ну у меня есть пакет, который билдится в один жс модуль, и рядом лежит d.ts типы описанные к нему, и норм работает в других приложениях которые его подключают

2022-03-29 21:28:31+00:00

Надо

2022-03-29 21:28:01+00:00

Зачем?

2022-03-29 21:26:26+00:00

Подскажите через babel-loader можно ли импортировать из d.ts ?

2022-03-29 20:59:38+00:00

https://tsplay.dev/wOJkrW

Привет. Напомните, плз, как можно перевести типы в их названия в виде строк? Свой велосипед прилагаю в примере (утилита ToString<…>), но вроде был какой-то способ покрасивше (не могу найти).

2022-03-29 20:30:36+00:00

Спасибо)

2022-03-29 20:18:47+00:00

потому что это будет в переменной

2022-03-29 20:17:54+00:00

А почему так, если у меня будет blockNumber - null, то в переменной будет false? Почему компилятор это не видит?

2022-03-29 20:12:50+00:00

Вроде, в аггрегированных (в переменную) условиях не работало никогда

2022-03-29 19:49:59+00:00

Чет не замечал этого раньше

2022-03-29 19:47:36+00:00

И скажи, какая версия тайпскрипта

2022-03-29 19:47:01+00:00

покажи полностью кусок кода

2022-03-29 19:24:12+00:00

Все ок, если я добавляю напрямую в if

Объясните почему так?

2022-03-29 19:22:37+00:00

Та же ошибка, если делаю, через in

2022-03-29 19:21:07+00:00

Подскажите, как blockNumber может быть null, если у меня проверка в if

2022-03-29 19:03:10+00:00

Ну или если есть идеи, как можно по-другому нормально написать клиента, тоже буду благодарен.

2022-03-29 18:59:11+00:00

Всем привет! Нужно написать клиент для rest api на TS. Нашел очень элегантное решение по архитектуре https://github.com/joheredi/openjs-world-2021, но не могу понять, как использовать его на практике. Как прикрутить fetch или что-то подобное. Буду благодарен за подсказку

2022-03-29 18:00:39+00:00

А чего вы пытаетесь добиться?

2022-03-29 17:58:46+00:00

type test = CURRENTCIES;

2022-03-29 17:49:17+00:00

Что нибудь типа такого ?

2022-03-29 17:48:26+00:00

не литеральная строка не пойдет

2022-03-29 17:48:00+00:00

enum { A, B, C } vs 'A' | 'B' | 'C'

2022-03-29 17:47:43+00:00

string literal intersection?

2022-03-29 17:47:27+00:00

может там в оригинале дженерик с дефолтом... хз...

2022-03-29 17:47:09+00:00

Гайз подскажите enum как то можно переопределить ? на подобие типа

2022-03-29 17:46:45+00:00

Либа у реакта для TS конечно с приколом

2022-03-29 17:46:31+00:00

Я скопировал тип event'а))

2022-03-29 17:44:02+00:00

бесконечная серия MouseEvent

2022-03-29 17:43:44+00:00

у вас есть MouseEvent как второй параметр дженерика... без дженериков...

2022-03-29 17:34:41+00:00

Нужно завезти onClick на кастомном компоненте, при этом с "родным" event и его типом

2022-03-29 17:33:22+00:00

Как это понять? Почему у нас в описании реактовского onClick MouseEvent это вполне себе дженерик, а при написании интерфейса резко нет?

2022-03-29 16:12:18+00:00

Вроде похоже на что-то нужное, попробую потыкать этот вариант, спасибо :)

2022-03-29 16:11:47+00:00

нет, в apply массив передаю, со спредом я пытался просто функцию вызвать

2022-03-29 16:10:52+00:00

а ты в apply спред засовывал?

2022-03-29 16:10:31+00:00

Тут по моему перегруз поможет

2022-03-29 16:06:53+00:00

посмотри мою песочницу выше, мне кажется, там похожая задача

2022-03-29 16:04:00+00:00

Подскажите, пожалуйста, как затипизировать такой кейс

const payload1 = 10;

const payload2 = { test: 'hello' };

function getPayload1(payload: typeof payload1) {}

function getPayload2(payload: typeof payload2) {}

function getGoodFunction(

func: typeof getPayload1 | typeof getPayload2,

value: какой тип тут должен быть?,

) {

func(value);

}

У меня есть 2 функции getPayload1 и getPayload2, которые принимают разные данные

А также есть функция getGoodFunction, которая принимает:

1. Функцию getPayload1 или getPayload2

2. Какие-то данные для этих функций

И сейчас тс выдает ошибку, что мы можем в функцию getPayload1 прокинуть payload2. И это логично.

Но вот как объяснить тайпскрипту, что если тебе приходит в аргумент func -> getPayload1, то value будет payload1?

Как связать 2 этих аргумента между собой?

2022-03-29 16:03:22+00:00

почему только с моим кодом ошибки 😡

2022-03-29 16:03:12+00:00

:(

2022-03-29 16:03:03+00:00

мне нужно было понять как именно с типами это работает. На моем коде ошибок не было 👍👍👍

2022-03-29 16:01:31+00:00

а с моими ошибками не разобрался?

2022-03-29 16:01:08+00:00

Золотой ты мой человек, спасибо! Всё заработало

2022-03-29 15:55:26+00:00

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

A spread argument must either have a tuple type or be passed to a rest parameter.

2022-03-29 15:54:26+00:00

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

https://www.typescriptlang.org/play?#code/MYewdgzgLgBAhsKBLcEYF4YG8BQMYBGApkQA4BcMAFAJQYB8MUATgK5EA0ehIIF1cZgHMAjJTCsAtsWYd4wgEzipMuukaDRMANTyhCnAF8cOKAE9SReIhSQAKhauZzlkADNryVCZyhIsIgAPImBWKCcYAB4AaRgg8LAAEzQAayIzd09bCAdLeio0s0pouQA6cs0ISgAFQThJInDmCEiEL3tHAG1ogF16NUZcfHw-aCzwDHHITsKek2GYAHpFmGZG1mYwKapy0sqabnw1qA2ttts90lIAGzMqCWvruX2jE2WYQDwQQAkQQA4QQEYQQBcIIAGEBggCEQIEAmDAyGAYRBCCRSDBALwggFYQUEwIGAARBAMwgMMAPCAopGgwB8IIAmEF8qBA1yIpWuICEVCCITCRCoAHICLxSGy5CI5AoaDQgA

2022-03-29 15:49:42+00:00

спасибо

2022-03-29 15:47:28+00:00

уже пишу на TS, хотела поглубже изучить. Все подводные моменты

2022-03-29 15:34:38+00:00

Скажите можно ли описать такое: есть словарь в котором ключ это строка а значение это функция с различным числом аргументов.

Есть класс с методом в котором первым аргументом является этот ключ, а остальными эти аргументы.

Метод знает тип словаря. Как можно описать метод, чтобы при заданном первом аргументе (ключе) можно было указать только аргументы соответствующей функции?

Типа:

`

const m = {

beep: () => true,

boop: (arg1: number, arg2: number) => arg1 + arg2

}

// Ошибка так как у beep нет аргументов

execute('beep', 1, 2)

`

То есть можно ли как-то сделать проверку типа на основе первого аргумента?

2022-03-29 15:30:40+00:00

И вообще как я понял тенденцию, лучше писать только на TS

2022-03-29 15:30:13+00:00

Лучше переписать все свои уже написанные приложения на TS

2022-03-29 15:07:43+00:00

Первая не понравилась, по остальным не могу сказать.

Но в целом я бы не советовал вообще трогать книги до самостоятельного изучения документации.

2022-03-29 14:56:35+00:00

Всем привет, что посоветуете почитать по TS? Какая книга лучшая?

1. «Профессиональный TypeScript. Разработка масштабируемых JavaScript-приложений», Борис Черный.

2. «Эффективный TypeScript: 62 способа улучшить код», Дэн Вандеркам.

3. «Изучаем TypeScript 3», Натан Розенталс.

2022-03-29 14:54:03+00:00

Ага спасибо

2022-03-29 14:51:45+00:00

в вашем случае помогут только тесты

2022-03-29 14:51:02+00:00

Typescript помогает только при написании кода, а не в рантайме когда скомпилен в js

2022-03-29 14:37:46+00:00

Привет, как проверит req.body на express никак не удаётся на runtime environment проверит тип и вообще игнорирует, type и interface который я сам создал для проверки req.body

2022-03-29 11:46:52+00:00

ооо, спасибо!

2022-03-29 11:46:22+00:00

https://www.typescriptlang.org/play?#code/MYewdgzgLgBCAOUCW4IwLwwNoHICGOANDDgEZEnA4C6MeaokUAUFAJ7wCmMA8oimAwx2XEADM4-VFjABXALalOAJ2rNG0OAEYAXLymDM+HOtSwQAJj19k4ITgBeJmEA

2022-03-29 11:43:17+00:00

спасибо

2022-03-29 11:41:24+00:00

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

2022-03-29 11:41:09+00:00

так как у тебя значения могут быть строки либо числа

2022-03-29 11:40:58+00:00

Чтобы вторую проблему решить, надо сделать

}, {} as Record);

2022-03-29 11:39:19+00:00

подскажите, как создать тип из массива?

то есть, в данном случае я хочу тип который был бы один из вариантов

type X = ‘Mr’ | ‘Mrs’ | ‘Ms’…

2022-03-29 11:39:17+00:00

уже одной проблемой будет меньше

2022-03-29 11:39:12+00:00

например так

2022-03-29 11:39:09+00:00

2022-03-29 11:38:26+00:00

Как минимум данные надо типизировать

2022-03-29 11:38:14+00:00

спасибо что посмотрел

2022-03-29 11:37:59+00:00

как тут правильно поступить? (в двох словах)

2022-03-29 11:36:25+00:00

Как оно должно типизироваться?

2022-03-29 11:36:20+00:00

т.е. в key может быть любой тип в итоге

2022-03-29 11:36:13+00:00

У тебя абстрактные данные с неизвестным типом, да и имя поля тоже динамическое

2022-03-29 11:35:54+00:00

И на каком основании TS должен думать, что key будет иметь какой-то конкретный тип (например string)?

2022-03-29 11:35:46+00:00

значение будет ключом в новом объекте

2022-03-29 11:32:50+00:00

я хочу так сделать

2022-03-29 11:26:25+00:00

почему у тебя в ключ значение записывается?

2022-03-29 11:26:14+00:00

вот это как понимать?

2022-03-29 11:26:12+00:00

const key = current[field];

2022-03-29 11:26:05+00:00

подскажите плиз как исправить

2022-03-29 11:23:32+00:00

подскажите плиз

почему оно ругаеться

2022-03-29 11:23:09+00:00

https://www.typescriptlang.org/play?#code/MYewdgzgLgBA5gJxAVwA4CECeMC8MA8AKgDQwDSMApgB5SVgAmEMA1pZiAGYyEB8AFAwCGUIQC4eAbQC6pTgEtKAGwYSyASly8YAbwBQMGAkpRkCMDGGiAdMYbJglfv1TGAbqWBnjYKJpza+oaGoJCwbNh4Xgg+UJIKygzSANx6BsHGpua66cEw1gWulB65wZIR0hIu7uXs0jAAPg0wMurWocAi-NGx6sSlAL6phgOkOgMwQswASpSgCAz40AjyYHCkhDK86qlDaaHQliJCuC3pOjBgQgC2lBIA5ABSIAAWYPeklNdC8koPAFavSDgAAC31+7RA1w+kzgdxgACYAKykIQMBjGCAQB4AVQAygBBe4wUbnS43eH3QhQmFfH5-GD3KBQsH0yHQ1FwiQAZhRk3RmOxjPxRJJ-UMFyutwe1I5VHBDKZUOsdGgrIhoDlQi5MAALAAGVECyhYh4AYQJADkCQARUWkiXk6WMgCyQgQLFpCoe3w96qU7Jh2vhCIAHEaMSahfcAKKWgDiABkrTbiQ7dE7KW6PV76Q9VVB-YHOfDuQA2COCh5xpMptP9FJpRAoDCYQTHUj3NGRrH3HZAA

2022-03-29 11:10:11+00:00

?

2022-03-29 11:09:58+00:00

ws?

2022-03-29 11:09:43+00:00

никакие, вскод и так тс поддерживает

2022-03-29 11:09:31+00:00

вот какие бы ты посоветовал новичку

2022-03-29 11:07:13+00:00

какие тебе плагины для тса нужны?

2022-03-29 11:05:23+00:00

Привет всем. Подскажите плагины vscode для typescript

2022-03-29 10:58:58+00:00

а всё. не так типизировал

2022-03-29 10:58:35+00:00

говорит вон мол item имеет тип строку

2022-03-29 10:58:03+00:00

подскажите. у меня item это объект с двумя свойствами. но ts ругается мол у item нет свойства name

2022-03-29 10:35:27+00:00

Спасибо

2022-03-29 10:30:21+00:00

А вообще это вопрос не для этого чата, мы тут обсуждаем TypeScript, поищи чаты по Графане или девопсам в @it_chats

2022-03-29 10:29:52+00:00

Графана только отрисовывает данные, а то, что она может показывать - зависит от источника этих данных

2022-03-29 10:28:43+00:00

Всем привет. Кто-то работал в Grafana? Может ли она показывать сколько ram тратится на конкретный запрос на сервер?

2022-03-29 10:23:24+00:00

ага 🙁

2022-03-29 10:17:41+00:00

Это не то, что тебе надо

2022-03-29 10:17:39+00:00

Хотя не, сорян

2022-03-29 10:15:55+00:00

https://www.typescriptlang.org/docs/handbook/interfaces.html#difference-between-the-static-and-instance-sides-of-classes

2022-03-29 10:14:46+00:00

А можешь подсказать где? Я не смог найти описание

2022-03-29 10:14:31+00:00

^^ типа такого, только что бы new кушалось

2022-03-29 10:14:25+00:00

declare module 'api-rest-component' {

function RestApi (module: 'method'): {

apiMethod: () => void

}

export = RestApi

}

2022-03-29 10:14:15+00:00

Это в документации описано же

2022-03-29 10:12:36+00:00

Всем привет. А как можно описать функцию-конструктор внутри декларации модуля?

2022-03-29 09:41:57+00:00

Переводишь, а потом линтер орёт на все места где ошибка :DD

2022-03-29 09:19:37+00:00

Есть ли какие-нибудь инструменты которые помогаю переводить проект на новую версию typescript ?

2022-03-29 09:06:03+00:00

https://github.com/pelotom/runtypes

https://github.com/gcanti/io-ts

2022-03-29 09:05:09+00:00

спасибо, сейчас гляну

2022-03-29 09:04:47+00:00

попробуй посмотреть библиотеки io-ts и run-types

2022-03-29 09:03:05+00:00

Никак, ts это компилятор, а не рантайм

2022-03-29 07:53:30+00:00

Подскажите как правильно проверить входящий тип на соответствие интерфейсу, сколько искал все костыльные решения попадаются.

Вот пример метода

interface MyInterface {

}

async someMethod():Promise {

if (T соответствует MyInterface) {

<<некоторая специализированная логика>>

return ответ;

}

<<логика по-умолчанию>>

return ответ;

}

2022-03-29 07:53:12+00:00

Например, полифилл для IE8 свойства textContent, которого нет в Element IE8

2022-03-29 07:37:22+00:00

Смотря какие

2022-03-29 07:36:35+00:00

Если ставлю target es5, например, добавляются ли полифиллы при компиляции?

2022-03-29 07:35:33+00:00

Ребят, подскажите, пожалуйста, нужно ли в typescript добавлять полифиллы, например, для IE8?

И как typescript работает по части полифилов?

2022-03-29 07:04:14+00:00

Нашел случай когда ТС неприятно так проедает по типобезопасности.

https://www.typescriptlang.org/play?#code/C4TwDgpgBAogtmUB5ARgKwgY2FAvFAJSwHsAnAEwB4BnYUgSwDsBzAGikYgDcJSA+AFADQkKAFVqvPFADeAqAo4BDOBABcUWgxbzFTAGbENcxaahhSxfdQ1amzANoBdXQoC+Aj0P0BXRtnpiRihgCFoACh9JUg0JKQAfWARkdCxgAEpZVyhMIOpiABsIADoC4mZI6OKDYmKLK2piw1IYJUwAC3Dcxnyi0vL09M8hUIiZN3SgA

Как думаете в чем причина?

2022-03-29 06:35:54+00:00

по другому задам вопрос возможно ли както чекнуть если есть аргумент? в обьекте тогда сделать extend X otherwise extent Y?

2022-03-29 06:24:07+00:00

но не получаеться так

2022-03-29 06:23:53+00:00

@ddhdhdhhdhd

2022-03-29 06:18:33+00:00

код

2022-03-29 06:18:31+00:00

покеж кол

2022-03-29 06:18:28+00:00

не сразу два а отдельно

2022-03-29 06:18:02+00:00

для компонента экстенди его

2022-03-29 06:17:44+00:00

ну у тебя где-то есть интерфейс с твоим isMobile

2022-03-29 06:17:08+00:00

interface Props extends DesktopProps, MobileProps {} ?

2022-03-29 06:15:48+00:00

extends делай интерфейса

2022-03-29 06:09:23+00:00

Привет ребята. у меня есть два компонента в реакте. Mobile, Desktop они принимают разные пропы. и у меня есть один глобальный для которого есть isMobile

как могу сделать в Layout смотреть если есть проп isMobile тайпскрипту показать что надо употребить Mobile Props по другому Desktop Props?

2022-03-28 15:49:26+00:00

Почитай про Utility types в тайпскрипте, там много тулзов

2022-03-28 15:45:35+00:00

Спасибо большое!

2022-03-28 15:42:38+00:00

Весь Record в Partial

2022-03-28 15:40:35+00:00

Походу WebStorm лагает? Что то ничего не изменилось...

2022-03-28 15:38:01+00:00

Обернуть в Partial

2022-03-28 15:35:18+00:00

Всем привет, почему этот код требует описание всех полей? Как сделать описание обьекта, в котором используется одно любое поле исходного обьекта?

2022-03-28 14:28:08+00:00

Тут конечно чат не про Ract, но @haziff Все правильно говорит) зачем value назначать если можно сразу в функцию этот category получить)

2022-03-28 14:25:35+00:00

Ну я же передаю в компоненту значение

2022-03-28 14:25:31+00:00

Если я правильно понял код, тебе это извращение не нужно. Ты можешь прямо вызывать setCategoryValue(category)

2022-03-28 14:24:12+00:00

currentTarget помогло. Спасибо

2022-03-28 14:23:55+00:00

Какая? Опиши, что сделать хочешь

2022-03-28 14:23:40+00:00

Строка же

2022-03-28 14:23:23+00:00

((event.target).value)

2022-03-28 14:22:26+00:00

Он правильно говорит, нет там value

2022-03-28 14:22:07+00:00

А что у тебя может быть как value у кнопки блин?

2022-03-28 14:19:32+00:00

target - это непонятно что внутри события (при делегировании), currentTarget то на что повесили событие

2022-03-28 14:17:59+00:00

зачем event.target.value передавать, если можно просто category

2022-03-28 14:13:21+00:00

Гайз, помогите, плиз, разобраться с TypeScript

2022-03-28 14:13:08+00:00

хмм... интересненько, ладно, спасибо )

2022-03-28 14:11:46+00:00

в TS4.7 будут хинты к вариантности аргументов. Может быть, можно будет с помощью них заставить.

2022-03-28 14:11:06+00:00

Да, типбезопасно. А вот функцию с двумя обязательными аргументами уже нельзя

2022-03-28 14:10:44+00:00

А есть какой-то вариант заставить ts тут ругаться?

2022-03-28 14:08:54+00:00

я подозреваю потому что это типобезопасно. my_func не упадет с ошибкой, даже если в неё передать аргумент в виде строки

2022-03-28 14:04:58+00:00

Подскажите, пожалуйста, как быть в такой ситуации

function my_func() {}

type objectType = Record void>;

const object: = {

my_func,

};

Я хочу, чтобы в object можно было передать функции, которые соответствуют только типу objectType.

То есть функци должна принимать обязательно 1 параметр типа string

Но в данный момент my_func без параметров и TS почему-то не ругается. В чем причина?

2022-03-28 14:03:54+00:00

при попытке обновить версию typescript на проекте с 3 на 4 получаю сообщение при линте проекта

WARNING: You are currently running a version of TypeScript which is not officially supported by @typescript-eslint/typescript-estree.

You may find that it works just fine, or you may not.

SUPPORTED TYPESCRIPT VERSIONS: >=3.3.1 <4.4.0

YOUR TYPESCRIPT VERSION: 4.6.3

Please only submit bug reports when using the officially supported version.

подскажите что может вызывать эту проблему ?

2022-03-28 13:28:07+00:00

Я бы попробовал {свойства} & Props, хотя для читаемости Props & свойства, раз они в дженерик передаются

2022-03-28 12:55:34+00:00

во все места его сейчас потыкал, не хочет

2022-03-28 12:54:02+00:00

extends?

2022-03-28 12:52:14+00:00

привет, как можно дополнить один тип другим в таким случае? Почему-то спред оператор не работает, пишет cannot be applied

2022-03-28 12:39:21+00:00

Всем привет, есть ли какой то способ унаследования от двух классов?

Есть класс А, Б с абстрактными методами которые класс А должен реализовывать и класс С со своими методами с дефолтной реализацией. Нужно что бы А наследовался от Б и мог по нужде подключить С, реализуя лишь один метод из этого самого С.

В джаве насколько я знаю у интерфейсов есть дефолтная реализация, а тут такое нельзя сделать

2022-03-28 10:39:50+00:00

подскажите плиз как пофиксить

const INITIAL_SORT = { name: "name", direction: SortDirection.Default };

const [sort, setSort] = useState(INITIAL_SORT);

2022-03-28 10:05:58+00:00

вот тут в конце рекомендуется использовать вместо enum объекты as const

https://www.typescriptlang.org/docs/handbook/enums.html

2022-03-28 09:46:27+00:00

Возможно ли как-то обьединить enum’ы?

2022-03-28 09:30:55+00:00

Предварительно нашёл вот такое решение, остаётся строгая типизация, а при объявлении пустого объекта оборачиваем типом TBlank:

type TBlank = {

[K in keyof T]: T[K] extends string | number ? T[K] | undefined : T[K];

};

interface ICallbackForm {

name: string;

email: string;

phone: number;

}

const blankCallbackForm: TBlank = {

name: undefined,

email: undefined,

phone: undefined,

};

const callbackForm = ref>({ ...blankCallbackForm });

2022-03-28 08:50:30+00:00

name?: string

2022-03-28 08:49:15+00:00

Всем привет! Подскажите пожалуйста как правильно типизировать пустые данные для формы обратной связи? Не прибегая к | undefined . существуют ли более красивые решения?

export interface ICallbackForm {

name: string | undefined;

email: string | undefined;

phone: number | undefined;

}

const blankCallbackForm: ICallbackForm = {

name: undefined,

email: undefined,

phone: undefined,

};

const callbackForm = ref({ ...blankCallbackForm });

2022-03-28 08:39:50+00:00

event: MouseEvent

2022-03-28 08:35:39+00:00

Эм.. И что мне нужно сделать?

2022-03-28 08:35:08+00:00

нативный элемент ждет нативный обработчик, а не реактовский

2022-03-28 08:33:18+00:00

привет, подскажите как порешать эту проблему

2022-03-28 07:17:55+00:00

те хочу сделать типо мапы для вызова обработчиков

2022-03-28 07:17:23+00:00

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

есть вот такой код.

enum Command {

First = 'first',

Second = 'second'

}

type InputMessageData = {

[Command.First]: boolean,

[Command.Second]: string

}

type OutputMessage = {

[Command.First]: string,

[Command.Second]: boolean

}

type Message = {

type: T,

message: InputMessageData[T]

}

type MapHandler = {

[K in Command]: (data: Message) => Observable

}

function FirstHandler(data: Message): Observable{

return of('test')

}

function SecondHandler(data: Message): Observable{

return of(true)

}

const mapHandler: MapHandler = {

[Command.First]: FirstHandler,

[Command.Second]: SecondHandler

}

new Subject>().pipe(

mergeMap((message) => {

return mapHandler[message.type](message)

})

).subscribe(r => console.log(r))

и вот такая ошибка

2022-03-28 05:15:20+00:00

Тут ты прав

2022-03-28 05:15:06+00:00

это не технологическая проблема

2022-03-28 05:14:57+00:00

если сильно захотеть можно что угодно сделать, если человек не в адеквате - не один инструмент не убережет от того что бы сделать говно

2022-03-28 05:14:24+00:00

Если сильно захотеть, можно написать any

2022-03-28 05:14:09+00:00

это нормальное решение проблемы статической типизации

2022-03-28 05:13:59+00:00

ну, как бы, это и есть статическая типизация да

2022-03-28 05:13:40+00:00

Не то что бы это сильное решение проблемы

2022-03-28 05:13:28+00:00

Проблема типизации к сожалению решается только до этапа компиляции

2022-03-28 05:12:23+00:00

Ну вот, так бы сразу и сказал

2022-03-28 05:12:04+00:00

Конечно классы не про ооп, классы про говно в унитазе

2022-03-28 05:11:57+00:00

Что все гомосеки и извратили сущность ООП

2022-03-28 05:11:47+00:00

Создатель ООП как-то так сказал

2022-03-28 05:11:39+00:00

Самое смешное, что даже ООП - не про ООП

2022-03-28 05:11:25+00:00

но это отдельная тема

2022-03-28 05:11:21+00:00

и вообще классы не про ооп

2022-03-28 05:11:10+00:00

И без тупоскриптов всяких

2022-03-28 05:11:09+00:00

я думал довольно очевидно, что ТС решает проблему типизации, а не упрощение работы с какой либо парадигмой

2022-03-28 05:10:54+00:00

Просто, как бы, средства для нормальной работы с ООП есть и в последнем Javascript'е

2022-03-28 05:10:09+00:00

Че ты с людей смеёшься, объяснил бы лучше

2022-03-28 04:17:59+00:00

проорал в голос)

2022-03-28 04:07:52+00:00

Спасибо! Заменил на extends и наследовался от собственно класса, а не его типа типа

2022-03-28 04:05:07+00:00

Не знаю, мне нравится... Сейчас переделаю

2022-03-28 04:04:47+00:00

А почему implements, а не extends?

2022-03-28 04:03:16+00:00

Что я делал:

1. ri -r -f ./node_modules; npm cache verify; npm ci

2. Гуглил

3. Перезапускал Typescript Language Server в VS Code (сам проект из-за этой ошибки не компилится)

2022-03-28 04:01:38+00:00

Почему так? 1. Ошибка; 2. Родитель; 3. Потомок

2022-03-27 20:15:41+00:00

Спасибо, я переделал компонент)

2022-03-27 20:01:07+00:00

Так я в любом случае могу получить два типа

2022-03-27 20:00:44+00:00

Не, у тебя один компонент, в котором условие

2022-03-27 20:00:34+00:00

Так они есть

2022-03-27 20:00:32+00:00

гораздо проще же будет, нет?

2022-03-27 20:00:16+00:00

я бы вообще сделал два компонента — один для stop, другой для sell

2022-03-27 19:59:58+00:00

можно и так

2022-03-27 19:59:36+00:00

Вынести { } в отдельный тип и использовать его?

2022-03-27 19:58:41+00:00

TypeScript не знает, что переменные actionName и actionName как-то связаны. Нужно сделать один объект с таким типом:

{ name: 'sell', payload: IActionSellPayload } | { name: 'stop', payload: IActionStopPayload }

2022-03-27 19:48:15+00:00

тут нужно интерфейсы глянуть

2022-03-27 19:45:12+00:00

Вот так ts ругается, что у меня params из 2х типов, а sell принимает только sell

2022-03-27 19:37:49+00:00

ну вот я про это и подумал с самого начала

2022-03-27 19:36:51+00:00

А можно не привязываться к ключу percent и сделать type guard на основе actionName, т.к. это поле будет всегда?

2022-03-27 19:35:31+00:00

Тяжело сказать нормально или не нормально без контекста, выглядит адекватно

2022-03-27 19:18:15+00:00

Подскажите норм получилось сделать type guard, если percent у меня уникальное поле для sell?

Типы для params это интерфейсы и может сделать type и instanceof? Можно ли сделать type guard на основе actionName?

2022-03-27 19:16:07+00:00

То что ты написал в сообщении выше должно и функцию без параметров принимать, вроде

2022-03-27 19:13:40+00:00

Я передаю event: MouseEvent и с универсальным типом не совмещается

2022-03-27 19:12:35+00:00

Вроде так onClick: (t?: T) => void

2022-03-27 19:12:19+00:00

Хотя нет, можно

2022-03-27 19:11:06+00:00

Просто any ебануть нельзя так как а вдруг функция может быть без параметров

2022-03-27 19:09:12+00:00

У меня есть компонент в который я передаю пропс onClick={handleClick}

В этом комплекте есть интерфейс в котором нужно описать тип пропса onClick

Какой должен быть типо у этого пропса если функция на которую я ссылаюсь точнее ссылку которой я передаю может либо принимать какие то параметры либо нет

onClick: (T: T) => void не помогает

2022-03-27 18:47:11+00:00

Можно элегантнее через вывод типов и условия типа если передать число в аргумент

2022-03-27 18:46:28+00:00

ок, попробую спасибо.

2022-03-27 18:45:39+00:00

Правда, скорей всего придётся использовать as-каст в имплементации, но если типы покрыты тестами и соблюдаются, то это меньшее из зол.

2022-03-27 18:43:55+00:00

type ChainFn = {

(value: number): ChainFn;

(): number;

}

2022-03-27 18:43:18+00:00

проще оверлоадом сделать

2022-03-27 18:30:56+00:00

Так?

2022-03-27 18:28:57+00:00

Либо цифра либо функция

2022-03-27 18:25:59+00:00

Всем привет.

Подскажите, какой тип должен быть вместо обведенного розовым any

А то чет сообразить не могу ))

2022-03-27 17:44:27+00:00

Спасибо!

2022-03-27 17:43:05+00:00

Это обёртки над примитивными типами:

https://developer.mozilla.org/en-US/docs/Glossary/Primitive#primitive_wrapper_objects_in_javascript

2022-03-27 17:36:06+00:00

в доке написано:

About Number, String, Boolean,Symbol and Object

It can be tempting to think that the types Number, String, Boolean, Symbol, or Object are the same as the lowercase versions recommended above. These types do not refer to the language primitives however, and almost never should be used as a type.

А что это за типы с заглавной буквы кто знает?

2022-03-27 17:14:37+00:00

здесь

2022-03-27 17:14:12+00:00

message: string

2022-03-27 17:11:59+00:00

подскажите пожалуйста, как поступить

2022-03-27 17:10:30+00:00

А это какие-то костыли)

2022-03-27 17:10:21+00:00

Тс нужен для нормальной работы с ооп

2022-03-27 17:09:59+00:00

Уволят)

2022-03-27 15:42:49+00:00

Две раздельные функции

2022-03-27 15:42:24+00:00

В вашем случае надо поидее две проверки: element is IActionSellPayload и element is IActionStopPayload

2022-03-27 15:41:18+00:00

Функция должна возвращать boolean, если она вернет true, то объект будет считаться книгой

2022-03-27 15:34:39+00:00

Т.е. guard будет какой-то функцией?🤔

2022-03-27 15:33:36+00:00

Его можно положить в компонент, но позже когда он понадобится ещё где-то его легко переместить без проблем, а если изначально его не было, то будут проблемы)

2022-03-27 15:32:55+00:00

Да, но мы все равно эту проверку изолируем, это лучше чем если бы она была вперемешку со всем остальным в компоненте

2022-03-27 15:31:02+00:00

А как понять 'лучше в guard'? Type guard это просто проверка на тип. Guard же и будет внутри компонента или я путаю?

2022-03-27 15:29:47+00:00

А это значит что везде где мы вызываем компонент мы будем усложнять код, лучше сделать это один раз внутри компонента, а ещё лучше в guard

2022-03-27 15:28:17+00:00

Почему это лучше чем передавать тип отдельным аргументом - пришлось бы каждый раз проверять тип заранее чтобы вызвать компонент и потом его передавать внутрь

2022-03-27 15:27:02+00:00

Вместо guard можно было бы использовать оператор instanceOf чтобы проверить является ли объект инстансом класса, но так как вы используете интерфейсы (насколько я понял), guard будет самым лучшим решением

2022-03-27 15:26:12+00:00

Это не очень хорошо что надо проверять относится ли тип к конкретному, потому что если станет больше типов - придется лезть и менять компонент / guard и тд

2022-03-27 15:25:11+00:00

Можно, это хороший способ

2022-03-27 15:09:47+00:00

зачем делать сложно, если можно сделать просто

2022-03-27 15:09:20+00:00

Можно сделать, через type guard?

2022-03-27 15:06:53+00:00

А как тип прокинуть?

2022-03-27 15:04:40+00:00

ну помимо данных прокидываешь тип того, что нужно отобразить. и в компоненте в пропсах проверяешь и выводишь данные в зависимости от типа

2022-03-27 15:00:55+00:00

Можно по подробнее, а то я только в базовом шарю

2022-03-27 15:00:21+00:00

например, прокинуть тип

2022-03-27 14:57:51+00:00

Подскажите, пожалуйста, из пропсов могу получить два типа и в зависимости от типа нужно отрисовать разные компоненты, как это сделать, через тернарник?

2022-03-27 14:54:00+00:00

UPD. Решил проблему вот таким вот образом

2022-03-27 14:44:48+00:00

upd. нашёл на эту тему вот такое issue.

https://stackoverflow.com/questions/48421319/typescript-creating-interface-for-object-with-both-dynamic-and-static-keys

2022-03-27 14:31:49+00:00

Т.е. я хочу описать что поля x и у всегда строка и число, а все остальные поля - будут иметь вот такую структуру

2022-03-27 14:29:57+00:00

Всем привет. А как вот такую проблемку решить?

Это объект в который я добавляю данные из массива по индэксу динамически.

У него есть x- имя, y-количество, и данные из массива в [key] где key - индэкс в массиве строкой.

2022-03-27 14:26:27+00:00

первое хорошее

2022-03-27 14:24:39+00:00

1 , 2 , 3 , 4 , 5

2022-03-27 14:17:44+00:00

ну если что-то получится, то показывай, аж интересно стало

2022-03-27 13:59:38+00:00

если не можете помочь, у вас есть право ничего не отвечать)

2022-03-27 13:59:32+00:00

чувак, краще порадь йому як написати код таким методом, а не просто вот критика

2022-03-27 13:59:18+00:00

прошу без философии))) мне нужно было конкретное решение чтобы повысить знание ТС

2022-03-27 13:58:42+00:00

костыль ради костыля, зачем такое, просто по доке ТС смотри, там все современное и все нужное, хотя у каждого свои мотивы

2022-03-27 13:58:18+00:00

пришёл спросить сениорити

2022-03-27 13:58:03+00:00

я нуб мне можно

2022-03-27 13:57:48+00:00

А за такой код не уволяют сразу же? Очень интересно

2022-03-27 13:57:04+00:00

хз ))) наверное new

есть такой костыль

2022-03-27 13:55:54+00:00

Что за фанкшн конструтор?

2022-03-27 13:53:40+00:00

помогите плиз это типизировать, надо как-то прописать функцию в типах песочница

2022-03-27 13:52:38+00:00

Это ж через функцию сделано)

2022-03-27 13:44:20+00:00

а так то хз, можешь еще погуглить

2022-03-27 13:44:04+00:00

современный тс предназначен работать с class ) а не с такими штуками )

2022-03-27 13:43:50+00:00

как без классов это сделать?

2022-03-27 13:43:35+00:00

можно

2022-03-27 13:30:34+00:00

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

однако меня смущает as any as PersonConstructor, можно по-другому это сделать?

2022-03-27 13:26:11+00:00

Как правильно сделать билд проекта из ts. Использовать webpack, gulp или просто компилировать в js?

2022-03-27 13:25:49+00:00

просто сделай по аналогии

2022-03-27 13:25:34+00:00

получилось ?)

2022-03-27 13:24:34+00:00

на здоровье

2022-03-27 13:24:25+00:00

https://www.typescriptlang.org/play?#code/MYewdgzgLgBACgUwE4XDAvDAZgVzMKASzURXAAooALQiALhgElTUwAaGMAQwFsEHoSQmADmAShgBvAFAw5MarQB03Phk68E0gL4wuEPWACeegy3ABhcIJwEQSacKjIsXYAibmwU2fNX8YQWERAG4daUcwZyRXd3hkVitIKCRbKHsfeU4EAHdyfwEU4LEGZgTwMO0I0GSYHi4AD3UwXPiyMHIAcgBZRs6xIA

2022-03-27 13:22:29+00:00

ещё ошибка осталась песочница

2022-03-27 13:21:01+00:00

но зачем...я не понимаю

2022-03-27 13:20:27+00:00

я тебе кинул линк, где так делают

2022-03-27 13:20:17+00:00

ну так

2022-03-27 13:19:20+00:00

код абсолютно рабочий, прошу типизировать песочница без использования классов

2022-03-27 13:18:51+00:00

вот тебе пример

2022-03-27 13:18:47+00:00

https://stackoverflow.com/questions/66198529/constructor-function-and-new-object-in-javascript-typescript

2022-03-27 13:13:08+00:00

помоги плиз типизировать, с целью обучения

2022-03-27 13:12:56+00:00

да откуда вы некроманты берётесь. Пишите с ипользованием class

2022-03-27 13:10:53+00:00

помогите типизировать плиз. Не понимаю как типизировать this песочница

2022-03-27 13:09:10+00:00

По сути да

2022-03-27 13:08:51+00:00

лол тут дженерик вообще лишний

2022-03-27 13:08:40+00:00

Этот вариант верный

2022-03-27 13:08:32+00:00

join string возвращает всегда

2022-03-27 13:08:15+00:00

Че ты хочешь добиться то?

2022-03-27 13:08:08+00:00

Так у тебя всегда в этот метод будет string передаваться

2022-03-27 13:05:48+00:00

так нет

2022-03-27 13:05:33+00:00

так рабствует

2022-03-27 13:01:56+00:00

В пхп можно через ::class

2022-03-27 13:01:29+00:00

А нет конечно

2022-03-27 13:01:19+00:00

Да, может тебе text, нужно указать тип напрямую

2022-03-27 12:58:21+00:00

так что ли?

тоже не работает так, но больно хотелось. я не хочу каждый раз добавлять тип поля. нато и задумал дженерик

2022-03-27 12:56:55+00:00

T extend string например

2022-03-27 12:56:09+00:00

харош)

2022-03-27 12:56:08+00:00

да можно. это было раньше. проблема в том, что если в место второго Т написать string то ошибки нет. хочу разобраться почему не передается тип

2022-03-27 12:55:18+00:00

я говорил, про типизацию нельзя писать

this _a = new This();

2022-03-27 12:55:06+00:00

то есть просто .replace(/ /g, '') нельзя

2022-03-27 12:54:22+00:00

типа лол

2022-03-27 12:54:17+00:00

ты таким образом пробелы из текста убираешь?

2022-03-27 12:27:58+00:00

https://t.me/ts_cool/169544

2022-03-27 12:25:40+00:00

пожалуйста

2022-03-27 12:25:40+00:00

прошу помощи

2022-03-27 12:19:40+00:00

Классы и есть функции. Через прототип можно статический метод записать, как у класса

2022-03-27 12:16:47+00:00

В JS какой самый часто используемый пример реализации патерна Протоип в функциях (не в классах)?

2022-03-27 11:31:46+00:00

Также абсолютно не понятно, какой кейс ты пытаешься решить. Без этого, все равно что пальцем в небо тыкать, пытаясь помочь решить непонятно что))

2022-03-27 11:30:13+00:00

Из примера это: this, функции-конструкторы, классы.

2022-03-27 11:26:16+00:00

Здесь нужно начать с изучения основ языка. Потому что приведенный пример показывает в принципе непонимание базы.

2022-03-27 10:50:27+00:00

Выглядит как неуспешная попытка написать "классы" дедовским методом из es5. Используй лучше современные class

2022-03-27 10:48:26+00:00

см выше

2022-03-27 10:47:45+00:00

хочу чтоб по this передавались данные

2022-03-27 10:47:13+00:00

почитать про this

2022-03-27 10:45:32+00:00

ребята извините за глупый вопрос, а как сделать что не было undefined Вот мой код function xx() {

var sen: String = "vis";

return sen;

};

function zz() {

console.log (this.sen);

}

zz();

console.log(xx());

2022-03-27 10:14:31+00:00

разницы нет я так понял, первое это для type второе для interface

2022-03-27 10:13:38+00:00

кое что новое,

в чем разница между

export type TableBodyRow =

& TableRowSubscriber

& TableRowNews

& TableRowCars

с

export interface TableBodyRow extends TableRowSubscriber, TableRowNews, TableRowCars {}

2022-03-27 09:27:15+00:00

Так тут указатель на this передаётся

2022-03-27 09:16:51+00:00

тем, кто писал, что можно писать тип this, вот пример с C++ даже тут так делать нельзя, поэтому кароч вот

2022-03-27 09:14:18+00:00

это меня и настораживает. я вроде как понял для чего нужны дженерики. но не знаю как их внедрить в renderBodyRow пропс компонента

type RemoteTableProps = {

renderBody: (row: TableBodyRow) => React.ReactNode

}

2022-03-27 09:13:25+00:00

У тебя в каждой строке поля и из TableRowSubscriber, и из TableRowNews, и из TableRowCars одновременно?

2022-03-27 09:09:36+00:00

тут вроде как не дженерики нужны.

я скрывал это, но если писать через амперсант (&), то все ок. вроде как это правильный код. но я сомневаюсь

export type TableBodyRow =

& TableRowSubscriber

& TableRowNews

& TableRowCars

2022-03-27 07:21:24+00:00

кто-то что-то тестил и забыл убрать

2022-03-27 01:52:02+00:00

наткнулся на коммит в typescript. функции, которые ничего не возвращают и не делают никаких побочных эффектов. кто-нибудь может объяснить что это?

2022-03-26 22:49:04+00:00

подскажите плз можно как-то извлечь тип из контекста из "this"

по сути я бы хотел сделать что-то типа: keyof typeof this )

2022-03-26 20:39:49+00:00

Онлі ранш

2022-03-26 20:37:58+00:00

Hello! English? Spanish?

2022-03-26 20:03:19+00:00

но обычно не рекомендуется 3 слишком широкий тип

2022-03-26 19:28:00+00:00

function callbackTrigger(cb: Function) ...

2022-03-26 19:25:59+00:00

как и в джаваскрипте

2022-03-26 19:23:09+00:00

Как можно использовать Function в typscripte

2022-03-26 19:14:47+00:00

state.todos.push("объект, который хочешь добавить")

2022-03-26 19:14:14+00:00

Простите, если не по теме, или уже было, но:

https://pikabu.ru/story/github_zakryil_dostup_k_repozitoriyam_8964003?utm_source=linkshare&utm_medium=sharing

2022-03-26 19:02:21+00:00

а в доке Тулкита непонятно? я с ним не работал, но сейчас открыл createSlice, есть примеры с TS

2022-03-26 19:00:02+00:00

да эт я вижу, не пойму как ему это дать понять)))

2022-03-26 18:58:36+00:00

ts не знает, что state = initialState

2022-03-26 18:50:38+00:00

всем привет, что я могу делать не так

2022-03-26 18:39:40+00:00

Tak eto defaultnaya zhe

2022-03-26 18:01:39+00:00

А расширение стоит? Мало ли)

2022-03-26 17:40:06+00:00

VSCode перестал хайлайтить // TODO:

Кто нибудь сталкивался? не могу найти в настройках лол

2022-03-26 15:54:24+00:00

Если проблемы с дженериками, советую прочитать раздел Handbook, который я скинул. Если есть какие-то конкретные вопросы — спрашивай

2022-03-26 15:53:01+00:00

👍

2022-03-26 15:52:56+00:00

статья кажется то что мне нужно. но тема кажется мне трудной

2022-03-26 15:52:03+00:00

мне уже говорили чтобы подучил дженерики

2022-03-26 15:51:17+00:00

Вот, например, есть статья про похожий юзкейс:

https://wanago.io/2020/03/09/functional-react-components-with-generic-props-in-typescript/

Про дженерики в TS в общем: https://www.typescriptlang.org/docs/handbook/2/generics.html

2022-03-26 15:50:45+00:00

Вот. А TypeScript не знает, что там только один вариант будет. С его точки зрения, в таблице могут быть колонки любого из вариантов.

Возможно, тебе здесь нужно использовать дженерики.

2022-03-26 15:48:45+00:00

для одной таблицы:

const TableBody = (row: TableNews) => (

{row.newsName}

{row.newsDate}

)

для другой таблицы:

const TableBody = (row: TableCars) => (

{row.carName}

{row.carType}

)

2022-03-26 15:48:33+00:00

естействнно

2022-03-26 15:48:07+00:00

Но при этом ты в каждую таблицу передаёшь только один из типов колонки, например, только TableRowCars, так?

2022-03-26 15:47:51+00:00

export type TableBodyRow =

| TableRowSubscriber

| TableRowNews

| TableRowCars

2022-03-26 15:47:19+00:00

type RemoteTableProps = {

renderBody: (row: TableBodyRow) => React.ReactNode

}

headerData={failedSubscriberRequests.tableHeaderData}

renderBody={TableBody}

/>

2022-03-26 15:47:00+00:00

И у компонента RemoteDataTable есть параметр renderBody с типом (row: TableRows) => React.ReactNode?

2022-03-26 15:45:40+00:00

Можешь больше кода показать? Я не очень понимаю, что у тебя происходит

2022-03-26 15:45:14+00:00

type MyFun = (arg: number | string) => void

const f: MyFun = (arg: number | string) => { ... } // ok

const g: MyFun = (arg: number | string | string[]) => { ... } // ok

const h: MyFun = (arg: number ) => { ... } // not ok, error

2022-03-26 15:44:00+00:00

Ты можешь передать функцию, которая принимает более широкий спектр значений, например:

2022-03-26 15:43:38+00:00

Поэтому так нельзя.

2022-03-26 15:43:11+00:00

Если эту функцию вызовут с TableCars, она сломается.

2022-03-26 15:41:51+00:00

Ожидается функция, которая принимает TableRows. А ты передаёшь функцию, которая принимает TablySubscriber.

2022-03-26 15:31:51+00:00

а что ты туда передаешь ?

2022-03-26 15:28:25+00:00

тс уже достал

2022-03-26 13:48:16+00:00

Ахах, смотрите чё. Работает)

2022-03-26 13:45:05+00:00

А вот в ts он орёт

2022-03-26 13:45:01+00:00

Технически всё работает. В js файлах. Хоть и дает предупреждение

2022-03-26 13:43:47+00:00

Агась, так и просходит ;D

2022-03-26 13:43:24+00:00

т.е. SerJson в твоем случае

2022-03-26 13:43:08+00:00

typeof this работать так как ты хочешь не будет, т.к. у тс статическая типизация, он вернет тот класс, где ты прописал этот тип

2022-03-26 13:42:28+00:00

Как-бы вы реализовали данный функционал?

2022-03-26 13:42:10+00:00

Фабричный метод должен быть статичным. Чтоб поддерживалось обращение Product.fromJson(jsonObj);

Для статичного метода нельзя использовать переданные в дженерик типы. Ругается, мол, только можно только если инстанс есть.

2022-03-26 13:34:57+00:00

Самому классу можно задать дженерик, а в вызове уже сужать

2022-03-26 13:33:55+00:00

Не хотят разбираться

2022-03-26 13:33:11+00:00

Потому что это статические методы, они не поддерживают дженерик

2022-03-26 13:33:08+00:00

почему так часто в вопросах звучит "только не эти ваши дженерики"?

2022-03-26 13:28:53+00:00

Почему не дженериком?

2022-03-26 13:15:37+00:00

ReturnType

Может поможет

2022-03-26 13:15:01+00:00

Может глядишь узнаешь что есть разница между this и PlainClassReference

2022-03-26 13:14:32+00:00

Посмотри лучше в сторону слова instance of и слова абстрактный класс

2022-03-26 13:13:26+00:00

А this то контекст меняет в зависимости от вызова-> так что тип у него ни фиксированный (

2022-03-26 13:12:57+00:00

Не то что в ts(

2022-03-26 13:12:51+00:00

Это даже в типизированных языках выглядит странно

2022-03-26 13:12:33+00:00

this)

2022-03-26 12:39:50+00:00

Ребят, подскажите, а.

Можно ли возвращать тип данных самого себя, если фабричный метод вызывается наследником фабрики.

То есть, чтоб у Product класса метод возвращал тип Product

Хочу это сделать без преобразования SerJson в дженерик

2022-03-26 12:26:46+00:00

сейчас сообразительность говорит что лучше юзать классы, но хотелось бы через функции проаннализировать чтобы понять что происходит)

2022-03-26 12:26:16+00:00

повышаю сообразительность

2022-03-26 12:21:48+00:00

1 вариант

2022-03-26 12:21:19+00:00

TS то он и прекрасен своими классами

2022-03-26 12:20:47+00:00

а зачем ФП?

2022-03-26 12:20:47+00:00

заменить классы на функции-конструкторы !== функциональное программирование

2022-03-26 12:20:26+00:00

ну добавьте методы классу

2022-03-26 12:20:11+00:00

локанично конечно))) я правда изучал паттерн Строитель, через классы уже изучил, хочу через ФП теперь

2022-03-26 12:19:52+00:00

можно finished сделать приватным и написать методы для завершения таска

2022-03-26 12:19:00+00:00

@piuner

2022-03-26 12:18:57+00:00

https://www.typescriptlang.org/play?#code/FASwdgLgpgTgZgQwMZQAQEkAqCDOBrVAb2FVTAQFsoAuVHCGcAcwG4TUATKHJRgBwggA9mFr1GYVuzjgQOABZQOtAEZChAGygIwbUhwCuUACIJotU9DYBfYMCQbcOVNnyoQFPlqqRnWXATEpHwGKhogSGSUNOLMeqghYRGc3LwgAsKisZLxieGRMmByispqmtpgqAC8qIgaOFC5ofmcRpY0qO3xSCLiBkgQQjAAFORUYgzMADQpPPyCIhMSTDOGJmYd7QCUQaSoEPJyAHRjaDWn8aQHx1xz6QuVNbdpGSKX+4c4R2vt1a3rVnYtmsbHsvQg+wCfzAUAA7i4AsMAESuAgAQSRMyRhWKqDKeExMPh7WGACYAAwARgAnDMAKwzSmkrZbMFgHDlI4aIRMYYQAJbNhAA

2022-03-26 12:14:45+00:00

Ребят, как бы вы назвали переменную-каунтер:

1) contributorsCount

2) contributorCount

s на конце отличительный знак

2022-03-26 12:14:14+00:00

очень много лишнего как по мне - я бы сделал по другому - сейчас напишу

2022-03-26 12:13:19+00:00

да, и потом проаннализировать что было исправлено, если не сложно

2022-03-26 12:12:36+00:00

А что вам надо ? Просто чтоб ошибок не было ?

2022-03-26 12:12:07+00:00

если что, в телеграме можно сделать внутритекстовую ссылку (Ctrl+K)

2022-03-26 12:11:50+00:00

из уважения сокращал

https://www.typescriptlang.org/play?#code/JYOwLgpgTgZghgYwgAgAoBU4GcDWyDeAUMsgBQhwC2EAXMlmFKAOYA0yAJhFgkwA5hgAexB0GTEG2QxQwLAAsIHMYxbsOAVwgAROJDq7IASjoA3IcA4BuQgF9ChUJFiIUGeXILFkFaionMNiRcPPyCIv4sQdKyCkqRktGaOnq0yIYQNvaEADYQYMiYuHQY2HgAvNIaIAjhIGRgHlg07nLsvhDq3LzAAsIg7DIgcooc6loZRl4kjXIAdB3IlR3Rs1hzIT19Ikuc3WH9q01zQyNKu6dx1t5rGxOpu8kZWTaO4NDwSMgASvkaUCB0ABPPjcIo4ABCGmAOS4UGm9HyADkqBBSGs6PgOjRxCxbAAyX5gf6AkFgspQmFw9hYbH0VSSEzINbRLD5bT7Xp1UibA4RekBJks7xssAAMVio1Il1GCWYQqarPZ90gPJVaUmdGFJAARtDYaQmaVcFkHHkCuDKbDoBdqrV+mQmUSScDQVhLfq4QjzT5UXLoj7eVz+v7vD65BLhlcLnAcmyA-lOOqDKlolA-gCESRRSi-FUanUyB0pkQSGXmcdFstUdFy+niZntWXbKxvNn2ZztqJ8-adjzO3US22y7cg13HgPDsOSPWSRW5LXkC3h6LI2dlD3C9LJUoh+WZscZedKkfrvvkLPG4rh8vy6LtMnNw61SljFmR8cng9Kl-IIuZxm9RNiQt5lnqVJ0DAdpbnu+6XvUIAQAA7oUZTkKiXShMGIjsBGO5jEmr4QEYi6gbYLxmomYBlLsiEoR6VLQIa3hzDmqKkAAROCyAAIIcUYLH3pOIicTKyA6kIQg4PxgnKkR5DIekqSkAATAADAAjAAnOwACs7AaSpRgkYQCAiFgQh5HMORCMw6JlCZQA

2022-03-26 12:11:31+00:00

По короткой ссылке не буду переходить 😀

2022-03-26 12:10:49+00:00

Ну интерфейсы для описания схем объектов

2022-03-26 12:09:09+00:00

помогите, плиз, в песочнице https://vk.cc/cccXs3

2022-03-26 12:09:02+00:00

почему?

2022-03-26 12:08:42+00:00

Task я бы сделал интерфейсом

2022-03-26 12:07:20+00:00

Другой вопрос — как типизировать TaskBuilder. По-хорошему хотелось бы, чтобы нельзя было построить неполный объект.

2022-03-26 12:06:16+00:00

В данном случае можно просто сделать

type Task = {

name: string,

description: string,

finished: boolean,

dueDate: Date,

}

ну, или сделать класс:

class Task {

constructor(

public name: string,

public description: string,

public finished: boolean,

public dueDate: Date,

) {}

}

2022-03-26 12:02:55+00:00

я экспериментирую и пытаюсь типизировать код отсюда https://zetcode.com/javascript/builderpattern/

2022-03-26 12:02:16+00:00

А почему просто не сделать класс?

2022-03-26 12:02:15+00:00

Я вот не знаю, как TS подружить с конструкторами-функциями.

Вроде бы есть про это в Handbook: https://www.typescriptlang.org/docs/handbook/2/functions.html#construct-signatures но у меня не получилось это применить.

2022-03-26 11:57:30+00:00

одну ошибку исправили:)

2022-03-26 11:55:27+00:00

(пока что не очень понял, где тут функциональное программирование 🤔)

2022-03-26 11:55:07+00:00

Нужно сделать аннотацию для this. Например:

let Task: PTask = function (this: PThis, name, description, finished, dueDate) {

this.name = name;

this.description = description;

this.finished = finished;

this.dueDate = dueDate;

};

2022-03-26 11:51:53+00:00

Привет. Решил тут поизучать паттерны проектирования, сейчас изучаю Builder в функциональном программировании. Помогите плиз подправить тайпскрипт

https://vk.cc/cccXs3

2022-03-26 11:42:18+00:00

Спасибо, буду разбираться

2022-03-26 11:32:21+00:00

4 = 0100

8 = 1000

4 | 8 = 0100 | 1000 = 1100 = 12

2022-03-26 11:32:14+00:00

Логическое или.

Three - это 4 (100)

Four - это 8 (1000)

Производим логическое или побитово и получаем 12 (1100)

2022-03-26 11:22:25+00:00

Всем привет!

Подскажите пожалуйста, как в этом примере получается сумма двух значений при помощи символа «|»?

2022-03-26 09:38:58+00:00

Кто то сталкивался с подобным? делаю утилитную функцию для санки. Проблема в том, что в санке диспатч другой санки.

2022-03-25 21:49:54+00:00

Спасибо 😊

2022-03-25 21:39:40+00:00

привет! не знаю насколько правильно, но вот

https://www.typescriptlang.org/play?#code/C4TwDgpgBArgzhATlAvFA3gWAFBVgxALgxzzwDMBLAOwBNi5hEaBzAblLJjFoENgIxajAC2AIyQdcUAL5S8vAMaKA9jGrBiWaRRr0oYlSoA2EXtXlce-QVGHjJnOTmfYcoSPiQAVXohYQwKgk0vBIAPpUdAxMrJZhiOHcfAJCohKIlkqq6sCResSGJmYWnNlqGknWqXbpjtiu7uDQANIQIHAAPN5QEAAeAnRwUABKEKqItJ2MzNQsADSw1ADW1CoA7tQAfFvBy+0q5FDeOE2eAHIQjBC0bR3dvQMQQ6PjKpPTsXOL6qsb27s0AADAAk6DuXW8uwAZFAZqwZOEwfsQIdjgBtCHdLYAXSgsPhcxkQNO2A80AAYsZ+A9+oNaMMxhMpoSFq9mZ9ZmzfmtNjtASE8JioDQoJdrrd2pDccQWo96cNQegaOQkFAKYiwSq1QBlYlQAD8GIpOPROrxQggADckC5SeTjlcgmgqTSElsgA

2022-03-25 20:06:50+00:00

@javascript_jobs

2022-03-25 19:53:55+00:00

🔺Кто ищет работу? Могу порекомендовать на позиции в крупную компанию для того кто находится в странах Европы или странах латинской Америке :

1. JS

2. ReactJS

3. ReactNative

(3 разные позиции)

Требования: мидл+, английский B1 (Intermediate)

🔺Подробности в лс!

2022-03-25 19:46:46+00:00

Или это не имеет значения, т.к. есть фильтрация?

2022-03-25 19:45:53+00:00

Допустим создан не из IActionState?

2022-03-25 19:45:39+00:00

А если какой-то из типов будет подкорректирован норм будет?

2022-03-25 19:45:10+00:00

Ну вроде да, нормально.

2022-03-25 19:44:12+00:00

Можешь показать типы TActionBuy, TActionSell, TActionStop?

2022-03-25 19:42:37+00:00

Получилось вот так, подскажите это нормальный вариант?

2022-03-25 19:13:30+00:00

Могут придти 3 типа, но мне нужен один и по этому я фильтрую

2022-03-25 19:13:03+00:00

Не дает указать тип для TActionBuy, т.к. ответ TAction

2022-03-25 19:12:21+00:00

что за ошибка?

2022-03-25 19:12:10+00:00

Так и сделал, но...

2022-03-25 19:12:10+00:00

Если тип изменяется во время жизни объекта — тут уже не знаю, как это в реакте делается

2022-03-25 19:11:32+00:00

useState ?

2022-03-25 18:59:44+00:00

Подскажите, как явно указать в дженерике, что мы работаем именно с типом buy?

P.S. массив фильтруется и другого типа не может быть

2022-03-25 17:47:24+00:00

да, это оно

2022-03-25 17:45:26+00:00

Правильно смотрю?(Про as опечатался, как можно реже)

2022-03-25 17:39:29+00:00

я обычно это использую только в крайних случаях, где 100% уверенность в типе

2022-03-25 17:39:03+00:00

про as - где это вы такое слышали?

2022-03-25 17:38:42+00:00

нет, не так. это вы компилятору говорите что там, а тайпгард - это когда он сам может проверить

2022-03-25 17:37:34+00:00

Вот так? Просто слышал, что as нужно как можно реже использовать?

2022-03-25 17:33:43+00:00

Type guard

2022-03-25 17:31:31+00:00

Помогите с ошибкой amount есть только в payload для buy

2022-03-25 17:16:53+00:00

У меня есть тип user (пример)

Как его преобразовать в тип userTarget c помощью дженериков?

Цель со 2 уровня поднять ключи на первый. Глубже не надо.

type user = {

user: {

find: string;

update: number;

};

account: {

find: boolean;

update: number;

};

};

type userTarget = {

user_find: string;

user_update: number;

account_find: boolean;

account_update: number;

};

2022-03-25 16:06:59+00:00

Спасибо за помощь

2022-03-25 16:05:55+00:00

Как видишь)))

2022-03-25 16:04:29+00:00

надо объявлять переменную ?

2022-03-25 16:03:56+00:00

но разве если файл был js а не ts

2022-03-25 16:03:36+00:00

а все

2022-03-25 16:03:33+00:00

setToken тоже самое

2022-03-25 16:02:55+00:00

setUser: (foo) =>

2022-03-25 16:02:28+00:00

Я в глаза похоже долблюсь, где его объявить?

2022-03-25 16:01:45+00:00

Скорее тебе нужно первое.

2022-03-25 16:01:38+00:00

Либо объяви аргумент, либо убери передачу данных.

2022-03-25 16:00:14+00:00

Функции не ждут никаких аргументов. Ты туда бросаешь какие-то данные. Тебе выдает ошибки.

2022-03-25 15:59:42+00:00

ошибки?

2022-03-25 15:59:41+00:00

Вот и ответ

2022-03-25 15:58:36+00:00

expected 0 args but got 1

2022-03-25 15:57:46+00:00

В текст ошибки то хоть посмотри 😁

2022-03-25 15:57:33+00:00

setToken, setUser

2022-03-25 15:56:44+00:00

это?

2022-03-25 15:55:38+00:00

Покажи сами эти две функции.

2022-03-25 15:55:29+00:00

щас

2022-03-25 15:55:20+00:00

мне надо их в type inputs записать?

2022-03-25 15:54:32+00:00

Это дословно написано.

2022-03-25 15:54:27+00:00

Эти две функции не ожидают никаких аргументов.

2022-03-25 15:53:24+00:00

Покажи api.auth.login

2022-03-25 15:47:45+00:00

Ребят, кто знает что тут не так?

2022-03-25 15:46:24+00:00

Нет, все правильно

2022-03-25 15:27:28+00:00

nuxt🤬

2022-03-25 15:19:34+00:00

Всем хай! Подскажите, разве можно так указывать тип dto? Разве не "правильней" это сделать через интерфейсы?

2022-03-25 14:31:24+00:00

очень похоже на то:

Diagnostics:

This expression is not callable.

Each member of the union type '{ (callbackfn: (previousValue: never, currentValue: never, currentIndex: number, array: never[]) => never): never; (callbackfn: (previousValue: never, currentValue: never, currentIndex: number, array: never[]) => never, initialValue: never): never; (callbackfn: (previousValue: U, currentValue: never, currentIndex...' has signatures, but none of those signatures are compatible with each other.