RichText

Ты каким-то удивительным образом умеешь понимать и не понимать одновременно... :)

У тебя тоже есть классная супер способность, делать сложные вещи, еще сложней для понимания:) Вот только пока не понимаю ты - это специально делаешь или ты на таком небесном уровне, что для тебя - это кажется простым:) 

Ладно сделаем вид, что я понял, как работает эта конструкция !(this.state?.done). так или иначе насколько я понимаю она в разных случаях меняет значение на true или false.

Но я не понимаю, как она его меняет она использует текущий state для замены, сравнивает в каком он сотоянии находится.  Вот этот вопрос, на который ты не ответил:

В итоге получается, что если кликаем, когда state находится в состояние false он отправляет true, если state находится в состоянии false он отправляет true. Только я не понимаю, как вообще обработчик понимает в каком сейчас состоянии находится state, я думал так, что обработчик просто устонавливает и отправляет новое сотояние state, через setState, а получается он его еще и каким-то образом сравнивает его с текущим state.

 Мне кажется здесь основной затык. Я не понимаю setState при замене объекта отслеживает текущее состояние state, чтобы выполнять эти операции !(this.state?.done) или done: !this.state.done, чтобы эти конструкции работали, если я правильно понимаю дожен быть какой-то тригер, не могут же они сами по себе меняться. Клик в даном случае запускает функцию setState, но сами значение что-то же должно менять, как они принимают или то или другое значение в объекте, которым мы меняем state?

Ты каким-то удивительным образом умеешь понимать и не понимать одновременно... :) У тебя тоже есть классная супер способность, делать сложные вещи, еще сложней для понимания:) Вот только пока не понимаю ты - это специально делаешь или ты на таком небесном уровне, что для тебя - это кажется простым:) Ладно сделаем вид, что я понял, как работает эта конструкция !(this.state?.done). так или иначе насколько я понимаю она в разных случаях меняет значение на true или false. Но я не понимаю, как она его меняет она использует текущий state для замены, сравнивает в каком он сотоянии находится.  Вот этот вопрос, на который ты не ответил: В итоге получается, что если кликаем, когда state находится в состояние false он отправляет true, если state находится в состоянии false он отправляет true. Только я не понимаю, как вообще обработчик понимает в каком сейчас состоянии находится state, я думал так, что обработчик просто устонавливает и отправляет новое сотояние state, через setState, а получается он его еще и каким-то образом сравнивает его с текущим state. Мне кажется здесь основной затык. Я не понимаю setState при замене объекта отслеживает текущее состояние state, чтобы выполнять эти операции !(this.state?.done) или done: !this.state.done, чтобы эти конструкции работали, если я правильно понимаю дожен быть какой-то тригер, не могут же они сами по себе меняться. Клик в даном случае запускает функцию setState, но сами значение что-то же должно менять, как они принимают или то или другое значение в объекте, которым мы меняем state?

Ты каким-то удивительным образом умеешь понимать и

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

Да правилино начни учиться, надеюсь на каком-то эт

Олег, вот опять ты пытаешься получить магию и считаешь, что компьютер тебя неправильно понимает. Я тебе уже говорил об этом: компьютер тебя понимает ровно на столько, на сколько ты изъяснился с ним. А изъясниться с ним ты пока что можешь только кодом. Вот и надо код смотреть, а не твои желания. Точнее при написании кода ты, конечно же, должен учитывать свои желания, но конечный результат надо смотреть по написанному коду, и если что-то работает не так, как ты хотел, то скорее всего ты код неправильно написал, а не компьютер тебя не так понял.

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

Это две, совершенно не связанные друг с другом операции. 

Этот код можно написать вот так, чтобы было понятней. 

Как видишь, handler как бы и не имеет отношения к document. Просто документу прописывается "При клике вызови handler". 

Соответственно, если ты хочешь, чтобы обработчик срабатывал именно по кнопке, то и событие надо навешивать на кнопку.

>> В данном случае не нужны все кнопки, нужна конкретно одна кнопка.

Вот в данном случае и будет одна кнопка. Но только одна и самая первая. Не думаю, что ты хотел именно этого. Скорее всего ты хотел обрабатывать клики по любой кнопке, просто знать на какой именно клик сработал. И именно поэтому я и говорил использовать цикл, а в нем навесить по ивенту на каждую кнопку. Пример 

Вот здесь на каждую кнопку будет навешен один и тот же хендлер и срабатывать он будет на каждой кнопке в отдельности. А в самом хендлере из объекта события ты вытащишь инстанс конкретной ноды (e.target), и из нее уже можешь получить все нужные тебе данные. 

Олег, вот опять ты пытаешься получить магию и считаешь, что компьютер тебя неправильно понимает. Я тебе уже говорил об этом: компьютер тебя понимает ровно на столько, на сколько ты изъяснился с ним. А изъясниться с ним ты пока что можешь только кодом. Вот и надо код смотреть, а не твои желания. Точнее при написании кода ты, конечно же, должен учитывать свои желания, но конечный результат надо смотреть по написанному коду, и если что-то работает не так, как ты хотел, то скорее всего ты код неправильно написал, а не компьютер тебя не так понял. > Я же из документа выбираю конкретный селектор, при чем здесь весь документ? Это две, совершенно не связанные друг с другом операции. Этот код можно написать вот так, чтобы было понятней. Как видишь, handler как бы и не имеет отношения к document. Просто документу прописывается "При клике вызови handler". Соответственно, если ты хочешь, чтобы обработчик срабатывал именно по кнопке, то и событие надо навешивать на кнопку. >> В данном случае не нужны все кнопки, нужна конкретно одна кнопка. Вот в данном случае и будет одна кнопка. Но только одна и самая первая. Не думаю, что ты хотел именно этого. Скорее всего ты хотел обрабатывать клики по любой кнопке, просто знать на какой именно клик сработал. И именно поэтому я и говорил использовать цикл, а в нем навесить по ивенту на каждую кнопку. Пример Вот здесь на каждую кнопку будет навешен один и тот же хендлер и срабатывать он будет на каждой кнопке в отдельности. А в самом хендлере из объекта события ты вытащишь инстанс конкретной ноды (e.target), и из нее уже можешь получить все нужные тебе данные.

Олег, вот опять ты пытаешься получить магию и счит

Рука-лицо... Но так часто бывает.

Здесь нет тернарного выражения, то есть это не "если ? то : иначе". Это сокращенная форма записи на случай если нет объекта. То есть если ты запишешь так:

this.state.done, а объекта this.state нету, то ты получишь ошибку и твой код развалится. В классическом варианте ты должен записать this.state && this.state.done

Здесь же мы указываем знак вопроса, чтобы бабель за нас создал необходимые проверки. То есть мы пишем this.state?.done, указывая, что мы обращаемся к свойству done объекта this.state, но надо проверить если ли этот объект. Подробнее читай здесь: https://learn.javascript.ru/optional-chaining

В твоем случае при с классическим синтаксисом пришлось бы писать так: 

Здесь нет тернарного выражения, то есть это не "если ? то : иначе". Это сокращенная форма записи на случай если нет объекта. То есть если ты запишешь так: this.state.done, а объекта this.state нету, то ты получишь ошибку и твой код развалится. В классическом варианте ты должен записать this.state && this.state.done Здесь же мы указываем знак вопроса, чтобы бабель за нас создал необходимые проверки. То есть мы пишем this.state?.done, указывая, что мы обращаемся к свойству done объекта this.state, но надо проверить если ли этот объект. Подробнее читай здесь: https://learn.javascript.ru/optional-chaining В твоем случае при с классическим синтаксисом пришлось бы писать так: Или так:

Здесь нет тернарного выражения, то есть это не "ес

Нет, не научись, а начни учиться))

До научиться еще огого.

Нет, не научись, а начни учиться)) До научиться еще огого.

Нет, не научись, а начни учиться)) До научиться ещ

>> Мне кажется самая понятная конструкция получилась. 

Это самая неправильная конструкция :)

Точнее, она будет работать, но:

1. Если не будет объекта this.state, то будет ошибка (вспоминаем про ?.).

2. ?? this.state.done здесь вероятнее всего не имеет никакого смысла, то есть можно безболезненно удалить.

>> Мне кажется самая понятная конструкция получилась. Это самая неправильная конструкция :) Точнее, она будет работать, но: 1. Если не будет объекта this.state, то будет ошибка (вспоминаем про ?.). 2. ?? this.state.done здесь вероятнее всего не имеет никакого смысла, то есть можно безболезненно удалить.

>> Мне кажется самая понятная конструкция получила

Просто интересно)

Получается мы принудительно получаем результат number и преобразуем строку в число, но по логике вычисления там включается конкатенация и результат этого выражения должен быть 105, насколько вообще правильно в данном случае так делать или это все-таки зависит от задачи?

Может можно все-таки что-то сделать не ломая логику выражения?

Получается мы принудительно получаем результат number и преобразуем строку в число, но по логике вычисления там включается конкатенация и результат этого выражения должен быть 105, насколько вообще правильно в данном случае так делать или это все-таки зависит от задачи? Может можно все-таки что-то сделать не ломая логику выражения?

Получается мы принудительно получаем результат num

>> не могут же они сами по себе меняться

Они сами по себе и не меняются. Ты же вызываешь setState(...). И никакого сравнения здесь нет, здесь есть получение текущего значения и установка нового инвертированного. 

В общем, ты не понимаешь как работают стейты в реакте. Иди уроки проходи начиная с этого.

>> не могут же они сами по себе меняться Они сами по себе и не меняются. Ты же вызываешь setState(...). И никакого сравнения здесь нет, здесь есть получение текущего значения и установка нового инвертированного. В общем, ты не понимаешь как работают стейты в реакте. Иди уроки проходи начиная с этого.

>> не могут же они сами по себе меняться Они сами

TypeScript в целом никак не смотрит на webpack. То есть webpack отвечает за различные loaders (какую программу для обработки каких файлов использовать), а TS смотрит на типы. SCSS и т.п. файлы - это не JS-файлы, которые TS мог бы просто так загрузить и разобраться что там за сущности и какие типы. Поэтому он и ругается, что не понимает что это вообще такое (хотя импортируется как JS). В таких случаях создают общий тип. К примеру в том же next-js тоже такое есть. 

То есть он ТС-у говорит, что результат такого импорта будет объект с ключ-значение "строка-строка".

У меня тоже есть подобный файл. 

Попробуй у себя создать папку @types и в нем styles.d.ts и прописать 

А то, что у тебя автоматически создавался файл index.module.scss.d.ts, то это вопрос уже к той программе, которую ты вызывал через yarn start. Она смотрит, что используется TS и сама прописывает нужное. Такое поведение и в нексте есть. Но просто так ничего ен будет создаваться.

TypeScript в целом никак не смотрит на webpack. То есть webpack отвечает за различные loaders (какую программу для обработки каких файлов использовать), а TS смотрит на типы. SCSS и т.п. файлы - это не JS-файлы, которые TS мог бы просто так загрузить и разобраться что там за сущности и какие типы. Поэтому он и ругается, что не понимает что это вообще такое (хотя импортируется как JS). В таких случаях создают общий тип. К примеру в том же next-js тоже такое есть. То есть он ТС-у говорит, что результат такого импорта будет объект с ключ-значение "строка-строка". У меня тоже есть подобный файл. Попробуй у себя создать папку @types и в нем styles.d.ts и прописать А то, что у тебя автоматически создавался файл index.module.scss.d.ts, то это вопрос уже к той программе, которую ты вызывал через yarn start. Она смотрит, что используется TS и сама прописывает нужное. Такое поведение и в нексте есть. Но просто так ничего ен будет создаваться.

TypeScript в целом никак не смотрит на webpack. То

Ты каким-то удивительным образом умеешь понимать и не понимать одновременно...

Если тебе не понятна конструкция !this.state?.done, то перепиши ее в !(this.state?.done). Может так тебе будет понятноей? Ты путаешься с моментом когда именно применяется восклицательный знак, так как он стоит перед this... Но правильно воспринимать не (!this)(.state)(.done), а именно !(this.state?.done), потому что восклицательный знак воздействует на значение конечного элемента, а не на первый элемент, то есть на done, а не на this. 

Еще ты можешь сделать так, чтобы было понятней:

И можешь в консоли поиграться с такими конструкициями: 

Приведение типов. Отрицание пустого дает истину.

Ты каким-то удивительным образом умеешь понимать и не понимать одновременно... Если тебе не понятна конструкция !this.state?.done, то перепиши ее в !(this.state?.done). Может так тебе будет понятноей? Ты путаешься с моментом когда именно применяется восклицательный знак, так как он стоит перед this... Но правильно воспринимать не (!this)(.state)(.done), а именно !(this.state?.done), потому что восклицательный знак воздействует на значение конечного элемента, а не на первый элемент, то есть на done, а не на this. Еще ты можешь сделать так, чтобы было понятней: И можешь в консоли поиграться с такими конструкициями: Приведение типов. Отрицание пустого дает истину.

Продолжаем ....  дальше .

Восклицательный знак в начале - это отрицание Не.  - Здесь понятно.

То есть если this.state?.done === true, то Не будет false. - Если подразумевается, что ты говорил про восклицательный знак в предыдущем предложении, тогда получается  !this.state?.done так как оно изначально было false значит он станет true.

Иначе (то есть false, null, undefined, 0, '' и т.п.) будет приведено к логическому true. (?. здесь примеряется для предотвращения ошибки на случай если объект this.state отсутствует. )

Здесь тоже понятно, что опциональная цепочка ?. проверяет есть ли объект this.state, если его нет он все равно продолжит выполнение. И так как после .? идет done он возьмет текущее состояние стейта объявленое по умолчанию false. (Это предположение здесь уже не понимаю, что реально на самом деле происходит.) И здесь еще кстати появился вопрос, даже если опциональная цепочка ?. проверяет наличие this.state там же стоит восклицательный знак отрицания, тогда получается он опять должен вернуть true.

В итоге получается, что если кликаем, когда state находится в состояние false он отправляет true, если state находится в состоянии false он отправляет true. Только я не понимаю, как вообще обработчик понимает в каком сейчас состоянии находится state, я думал так, что обработчик просто устонавливает и отправляет новое сотояние state, через setState, а получается он его еще и каким-то образом сравнивает его с текущим state. 

Или я вообще опять все неправильно понимаю?

Продолжаем ....  дальше . Восклицательный знак в начале - это отрицание Не.  - Здесь понятно. То есть если this.state?.done === true, то Не будет false. - Если подразумевается, что ты говорил про восклицательный знак в предыдущем предложении, тогда получается  !this.state?.done так как оно изначально было false значит он станет true. Иначе (то есть false, null, undefined, 0, '' и т.п.) будет приведено к логическому true. (?. здесь примеряется для предотвращения ошибки на случай если объект this.state отсутствует. ) Здесь тоже понятно, что опциональная цепочка ?. проверяет есть ли объект this.state, если его нет он все равно продолжит выполнение. И так как после .? идет done он возьмет текущее состояние стейта объявленое по умолчанию false. (Это предположение здесь уже не понимаю, что реально на самом деле происходит.) И здесь еще кстати появился вопрос, даже если опциональная цепочка ?. проверяет наличие this.state там же стоит восклицательный знак отрицания, тогда получается он опять должен вернуть true. В итоге получается, что если кликаем, когда state находится в состояние false он отправляет true, если state находится в состоянии false он отправляет true. Только я не понимаю, как вообще обработчик понимает в каком сейчас состоянии находится state, я думал так, что обработчик просто устонавливает и отправляет новое сотояние state, через setState, а получается он его еще и каким-то образом сравнивает его с текущим state. Или я вообще опять все неправильно понимаю?

Продолжаем ....  дальше . Восклицательный знак в н

>> В моем же варианте получается возьми или это или другое , другое или это.

Твой вариант - это усложненный мой 

К тому же, как я и сказал, если не будет объекта this.state, то будет ошибка. А это совсем не исключено, не всегда классовые компоненты объявляют с инициализацией стейта.

>> В моем же варианте получается возьми или это или другое , другое или это. Твой вариант - это усложненный мой К тому же, как я и сказал, если не будет объекта this.state, то будет ошибка. А это совсем не исключено, не всегда классовые компоненты объявляют с инициализацией стейта.

>> В моем же варианте получается возьми или это ил

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

К слову, потому я и говорю использовать мою уже го

Да без него тоже работает.

Смысл работы этой конструкции вообще не понимаю, как и почему она работает(

И вообще теперь не понимаю почему и эта конструкция работает done: !this.state.done вроде нет никаких условий и все работает прям магия:)

2. ?? this.state.done здесь вероятнее всего не имеет никакого смысла, то есть можно безболезненно удалить. Да без него тоже работает. done: !this.state?.done Смысл работы этой конструкции вообще не понимаю, как и почему она работает( И вообще теперь не понимаю почему и эта конструкция работает done: !this.state.done вроде нет никаких условий и все работает прям магия:)

2. ?? this.state.done здесь вероятнее всего не име

Занятная задачка и занятные ошибки :)

В первую очередь лучше, конечно, документацию сразу искать в том же MDN. Вот: https://developer.mozilla.org/ru/docs/Web/API/EventTarget/addEventListener (заодно прочитай и про removeEventListener(), его очень рекомендуется использовать).

Ты вызываешь метод addEventListener у элемента document. Таким образом слушателя ты добавляешь именно документу. В итоге, где бы ты ни кликнул в документ (который суть враппер для всего содержимого страницы), ты получишь вызов обработчика.

2. document.addEventListener() можно вызывать несколько раз (как и на любом другом элементе). Если ты искал все кнопки и в цикле попытался навесить на каждую из них обработчик (а навесил каждый раз на документ), то столько раз и вызов произошел по клику. Еще раз уточню, что вызывая  document.addEventListener(), ты добавляешь новый обработчик в массив обработчиков, а не перетираешь существующий. Выполни в консоли getEventListeners(document), увидишь там все обработчики, в том числе и на click.

3. Это уже чуть другой момент, но тоже важный. document.querySelector('elem-btn elem-btn--red to-basket ng-scope') - это поиск первого попавшегося элемента, не всех. Чтобы все найти и перечислить, надо юзать 

Занятная задачка и занятные ошибки :) В первую очередь лучше, конечно, документацию сразу искать в том же MDN. Вот: https://developer.mozilla.org/ru/docs/Web/API/EventTarget/addEventListener (заодно прочитай и про removeEventListener(), его очень рекомендуется использовать). 1. document.addEventListener() Ты вызываешь метод addEventListener у элемента document. Таким образом слушателя ты добавляешь именно документу. В итоге, где бы ты ни кликнул в документ (который суть враппер для всего содержимого страницы), ты получишь вызов обработчика. 2. document.addEventListener() можно вызывать несколько раз (как и на любом другом элементе). Если ты искал все кнопки и в цикле попытался навесить на каждую из них обработчик (а навесил каждый раз на документ), то столько раз и вызов произошел по клику. Еще раз уточню, что вызывая  document.addEventListener(), ты добавляешь новый обработчик в массив обработчиков, а не перетираешь существующий. Выполни в консоли getEventListeners(document), увидишь там все обработчики, в том числе и на click. 3. Это уже чуть другой момент, но тоже важный. document.querySelector('elem-btn elem-btn--red to-basket ng-scope') - это поиск первого попавшегося элемента, не всех. Чтобы все найти и перечислить, надо юзать

Занятная задачка и занятные ошибки :) В первую оче

Дженерики TypeScript

Ну вот ТС тебе говорит "Ты занимаешься фигней", и я с ним в целом согласен :)

Переходи к следующему уроку))

Ну вот ТС тебе говорит "Ты занимаешься фигней", и я с ним в целом согласен :) Переходи к следующему уроку))

Ну вот ТС тебе говорит "Ты занимаешься фигней", и

Вернуть старый state после вызова setState в классовом компоненте

Рука-лицо... Учи матчасть внимательней. Я зачем уроки сюда с FreeCodeCamp импортировал?

Устанавливаем новое значение. Восклицательный знак в начале - это отрицание Не. То есть если this.state?.done === true, то Не будет false. Иначе (то есть false, null, undefined, 0, '' и т.п.) будет приведено к логическому true.

?. здесь примеряется для предотвращения ошибки на случай если объект this.state отсутствует. 

Устанавливаем значение в стейт.

это просто сокращенная форма без использования дополнительной переменной newValue.

Рука-лицо... Учи матчасть внимательней. Я зачем уроки сюда с FreeCodeCamp импортировал? Устанавливаем новое значение. Восклицательный знак в начале - это отрицание Не. То есть если this.state?.done === true, то Не будет false. Иначе (то есть false, null, undefined, 0, '' и т.п.) будет приведено к логическому true. ?. здесь примеряется для предотвращения ошибки на случай если объект this.state отсутствует. Устанавливаем значение в стейт. А наш вариант это просто сокращенная форма без использования дополнительной переменной newValue.

Рука-лицо... Учи матчасть внимательней. Я зачем ур

Все ошибку нашел. Полезно понять в приниципе, как это все собирается, но адище с версиями еще то конечно. 

Все ошибку нашел. Полезно понять в приниципе, как

Ты вызываешь метож addEventListener у элемента document. Таким образом слушателя ты добавляешь именно документу. В итоге, где бы ты ни кликнул в документ (который суть враппер для всего содержимого страницы), ты получишь вызов обработчика.

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

В данном случае не нужны все кнопки, нужна конкретно одна кнопка.

Мне и нужен первый попавшийся элемент кнопка по которому я кликаю.

1. document.addEventListener() Ты вызываешь метож addEventListener у элемента document. Таким образом слушателя ты добавляешь именно документу. В итоге, где бы ты ни кликнул в документ (который суть враппер для всего содержимого страницы), ты получишь вызов обработчика. Я же из документа выбираю конкретный селектор, при чем здесь весь документ? 2. document.addEventListener() можно вызывать несколько раз (как и на любом другом элементе). Если ты искал все кнопки и в цикле попытался навесить на каждую из них обработчик (а навесил каждый раз на документ), то столько раз и вызов произошел по клику. Еще раз уточню, что вызывая  document.addEventListener(), ты добавляешь новый обработчик в массив обработчиков, а не перетираешь существующий. Выполни в консоли getEventListeners(document), увидишь там все обработчики, в том числе и на click. В данном случае не нужны все кнопки, нужна конкретно одна кнопка. 3. Это уже чуть другой момент, но тоже важный. document.querySelector('elem-btn elem-btn--red to-basket ng-scope') - это поиск первого попавшегося элемента, не всех. Чтобы все найти и перечислить, надо юзать Мне и нужен первый попавшийся элемент кнопка по которому я кликаю.

1. document.addEventListener() Ты вызываешь метож

Здесь, думаю, бага тайпскрипта. С одной стороны логично, что он тебе говорит, что "Нельзя строку или число сложить со строкой или числом" (потому что складывать надо число с числом). С другой стороны TS вполне кушает такое: 

Он понимает, что z на выходе будет только строка (потому что число плюс строка на выходе строка).

При этом даже так работает: 

То есть мы явно складываем число и строку и ТС это не парит. 

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

Обрати внимание, что <number> в такой конструкции обязателен, потому что reduce сам по себе тоже дженерик, и в него можно передать какой тип ожидается в результате. Если ты не указываешь явно, то он берет из входящих параметров. Так как у тебя на входе массив чисел или строк, то он допускает, что sum тоже число или строка, и тоже ругается на то, что его нельзя суммировать. Указав <number> мы ему сообщаем, что результат у него четко number, и тут уже reduce будет требовать, чтобы каждая итерация у тебя возвращала четко number и будет считать, что sum тоже всегда number.

Здесь, думаю, бага тайпскрипта. С одной стороны логично, что он тебе говорит, что "Нельзя строку или число сложить со строкой или числом" (потому что складывать надо число с числом). С другой стороны TS вполне кушает такое: Он понимает, что z на выходе будет только строка (потому что число плюс строка на выходе строка). При этом даже так работает: То есть мы явно складываем число и строку и ТС это не парит. Для тебя выход: или использовать только числа, или если ты допускаешь, что могут приходить строки, но это все равно числа, то парсить их. Обрати внимание, что <number> в такой конструкции обязателен, потому что reduce сам по себе тоже дженерик, и в него можно передать какой тип ожидается в результате. Если ты не указываешь явно, то он берет из входящих параметров. Так как у тебя на входе массив чисел или строк, то он допускает, что sum тоже число или строка, и тоже ругается на то, что его нельзя суммировать. Указав <number> мы ему сообщаем, что результат у него четко number, и тут уже reduce будет требовать, чтобы каждая итерация у тебя возвращала четко number и будет считать, что sum тоже всегда number.

Здесь, думаю, бага тайпскрипта. С одной стороны ло

Написать обработчик по клику на кнопку

Ну так в чем именно ошибка была?

Ошибка TypeScript

Да я уже понял, хочешь устроить ад для своих мозгов научись программировать) 

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

Да хрен знает на втыкал куча еще новых настроек, откатил версии и вроде заработало. 

Да хрен знает на втыкал куча еще новых настроек, о

Второй вариант не подгрузился. Я даже не знал, что есть такое - Опциональная цепочка '?.' думал странный, какой-то тернарник) 

Второй вариант не подгрузился. Я даже не знал, что

Блог вопросов для специалистов

Вопросы специалистов

вывод pdoSitemap

Запустить историю заказов Minishop2 через клик.

Трудности с импортом остатков из xml (модуль modimporter)

FormIt не выводит значение input в чанке отправки email.

error на сайте - белая страница

emailFromName для Register

Сниппеты — это серверная часть (php). А ExtJS — это фронтовая (javascript). 
 1. Учите ExtJS, коннекторы и процессоры.
 2. Создавайте свой extJS-компонент, который будет вызывать ваш процессор. Но тут момент: если это у вас будет грид (таблица), ей данные нужны в JSON. А [[!Office?action=`miniShop2`
 ]] вряд ли JSON возвращает. Смотрите в минишопе какие там процессоры есть для работы с заказами. Проще всего изучить как работает управление заказами в админке у самого минишопа.

Сниппеты — это серверная часть (php). А ExtJS — эт

Николай, спасибо за направление) Буду копать…

Да нормально

Зачастую импорт приходится доделывать, поскольку у разных клиентов форматы файлов могут отличаться.
  В принципе, то, что Вы показали, верно и должно прописаться. Только я бы немного поправил: 

$prices = current((array)$raw_data['Цены']);
$amount = current($raw_data['Количество']);
$data = array(
    "price"=>!empty($prices['ЦенаЗаЕдиницу']) ? $prices['ЦенаЗаЕдиницу'] : 0,
    "amount" => !empty($amount) ? $amount : 0
    );

При отладке очень помогает скрипт запуска импорта из консоли.
 Доходите до нужного шага, и в функции, которая его обрабатывает, в месте, где получаете данные, прописываете что-то типа
 

Это поможет увидеть, какие данные Вы получаете из xml.
 Также вывод можно сделать после записи в объект или после вызова процессора.


Зачастую импорт приходится доделывать, поскольку у разных клиентов форматы файлов могут отличаться.
  В принципе, то, что Вы показали, верно и должно прописаться. Только я бы немного поправил: $prices = current((array)$raw_data['Цены']);
$amount = current($raw_data['Количество']);
$data = array(
    "price"=>!empty($prices['ЦенаЗаЕдиницу']) ? $prices['ЦенаЗаЕдиницу'] : 0,
    "amount" => !empty($amount) ? $amount : 0
    ); При отладке очень помогает скрипт запуска импорта из консоли.
 Доходите до нужного шага, и в функции, которая его обрабатывает, в месте, где получаете данные, прописываете что-то типа print_r($data);
exit; Это поможет увидеть, какие данные Вы получаете из xml.
 Также вывод можно сделать после записи в объект или после вызова процессора.

Зачастую импорт приходится доделывать, поскольку у

А подскажите… глупый, наверное, вопрос… как правильно вызвать модуль импорта из консоли? Были мысли ее как-то использовать, но я не знаю, как верно вызвать нужный модуль.

Спасибо! А подскажите… глупый, наверное, вопрос… как правильно вызвать модуль импорта из консоли? Были мысли ее как-то использовать, но я не знаю, как верно вызвать нужный модуль.

Спасибо! А подскажите… глупый, наверное, вопрос… к

<?php 
print '<pre>';
ini_set('display_errors', 1);
$modx->switchContext('web');
$modx->setLogLevel(3);
$modx->setLogTarget('HTML');
 
$namespace = 'modimporter';        // Неймспейс комопонента


// Добавить веб-сессию текущего пользователя
// Если вы не авторизованы во фронте, можете получить 
// в результате выполнения сообщение Доступ запрещён!
// $modx->user->addSessionContext('web');

// Удалить веб-сессию текущего пользователя
// $modx->user->removeSessionContext('web');


// Сбросить сессию компонента
// $_SESSION["SM_1C_IMPORT"] = array();

// Вывести данные сессии компонента
// print_r($_SESSION["SM_1C_IMPORT"]);

// print_r($_SESSION["SM_1C_IMPORT"]);
// unset($_SESSION["modImporter"]);


$params = array(  
    // "step"  => "SDFsdf",
    // "debug" => false,
    // "mode" => "checkauth",
    // "modimporter_step" => "modimporter_checkauth",
    // "modimporter_step" => "modimporter_console_init",
    // "modimporter_step" => "modimporter_drop_tmp_tables",
    // "modimporter_step" => "modimporter_create_tmp_tables",
    // "modimporter_step" => "modimporter_write_tmp_xlsx_shared_strings",
    // "modimporter_step" => "modimporter_write_tmp_categories",
    "modimporter_step" => "modimporter_write_tmp_data",
    // "modimporter_step" => "modimporter_import_data",
    // "modimporter_step" => "modimporter_import_update_categories",
    // "modimporter_step" => "modimporter_import_update_categories",
    // "modimporter_step" => "modimporter_import_create_categories",
    // "modimporter_step" => "modimporter_import_update_goods",
    // "modimporter_step" => "modimporter_import_create_goods",
    // "modimporter_step" => "modimporter_import_flush_prices",
    // "modimporter_step" => "modimporter_import_create_prices",
    
    // "filename"  => "import.xml",
    // "username"  => "admin", 
    // "password"  => "wefwef", 
    "outputCharset" => "utf-8",
);

// $_SERVER['PHP_AUTH_USER'] = 'admin';
// $_SERVER['PHP_AUTH_PW'] = 'admin';

if(!$response = $modx->runProcessor('modimporter/import/console',
$params
, array(
'processors_path' => $modx->getObject('modNamespace', $namespace)->getCorePath().'processors/',
))){
print "Не удалось выполнить процессор";
return;
}

 
$memory = round(memory_get_usage(true)/1024/1024, 4).' Mb';
print "<div>Memory: {$memory}</div>";
$totalTime= (microtime(true) - $modx->startTime);
$queryTime= $modx->queryTime;
$queryTime= sprintf("%2.4f s", $queryTime);
$queries= isset ($modx->executedQueries) ? $modx->executedQueries : 0;
$totalTime= sprintf("%2.4f s", $totalTime);
$phpTime= $totalTime - $queryTime;
$phpTime= sprintf("%2.4f s", $phpTime);
print "<div>TotalTime: {$totalTime}</div>";

print_r($response->getResponse());

// $objects = $response->getObject();
// foreach($objects as $object){
// }

Есть скрипт: <?php 
print '<pre>';
ini_set('display_errors', 1);
$modx->switchContext('web');
$modx->setLogLevel(3);
$modx->setLogTarget('HTML');
 
$namespace = 'modimporter';        // Неймспейс комопонента


// Добавить веб-сессию текущего пользователя
// Если вы не авторизованы во фронте, можете получить 
// в результате выполнения сообщение Доступ запрещён!
// $modx->user->addSessionContext('web');

// Удалить веб-сессию текущего пользователя
// $modx->user->removeSessionContext('web');


// Сбросить сессию компонента
// $_SESSION["SM_1C_IMPORT"] = array();

// Вывести данные сессии компонента
// print_r($_SESSION["SM_1C_IMPORT"]);

// print_r($_SESSION["SM_1C_IMPORT"]);
// unset($_SESSION["modImporter"]);


$params = array(  
    // "step"  => "SDFsdf",
    // "debug" => false,
    // "mode" => "checkauth",
    // "modimporter_step" => "modimporter_checkauth",
    // "modimporter_step" => "modimporter_console_init",
    // "modimporter_step" => "modimporter_drop_tmp_tables",
    // "modimporter_step" => "modimporter_create_tmp_tables",
    // "modimporter_step" => "modimporter_write_tmp_xlsx_shared_strings",
    // "modimporter_step" => "modimporter_write_tmp_categories",
    "modimporter_step" => "modimporter_write_tmp_data",
    // "modimporter_step" => "modimporter_import_data",
    // "modimporter_step" => "modimporter_import_update_categories",
    // "modimporter_step" => "modimporter_import_update_categories",
    // "modimporter_step" => "modimporter_import_create_categories",
    // "modimporter_step" => "modimporter_import_update_goods",
    // "modimporter_step" => "modimporter_import_create_goods",
    // "modimporter_step" => "modimporter_import_flush_prices",
    // "modimporter_step" => "modimporter_import_create_prices",
    
    // "filename"  => "import.xml",
    // "username"  => "admin", 
    // "password"  => "wefwef", 
    "outputCharset" => "utf-8",
);

// $_SERVER['PHP_AUTH_USER'] = 'admin';
// $_SERVER['PHP_AUTH_PW'] = 'admin';

if(!$response = $modx->runProcessor('modimporter/import/console',
$params
, array(
'processors_path' => $modx->getObject('modNamespace', $namespace)->getCorePath().'processors/',
))){
print "Не удалось выполнить процессор";
return;
}

 
$memory = round(memory_get_usage(true)/1024/1024, 4).' Mb';
print "<div>Memory: {$memory}</div>";
$totalTime= (microtime(true) - $modx->startTime);
$queryTime= $modx->queryTime;
$queryTime= sprintf("%2.4f s", $queryTime);
$queries= isset ($modx->executedQueries) ? $modx->executedQueries : 0;
$totalTime= sprintf("%2.4f s", $totalTime);
$phpTime= $totalTime - $queryTime;
$phpTime= sprintf("%2.4f s", $phpTime);
print "<div>TotalTime: {$totalTime}</div>";

print_r($response->getResponse());

// $objects = $response->getObject();
// foreach($objects as $object){
// }

Есть скрипт: <?php 
print '<pre>';
ini_set('displa

потерто

Решено. Упали валюты от Cbr

По поводу pdoTools лучше задать вопрос на сайте modx.pro — это их разработка

По поводу pdoTools лучше задать вопрос на сайте mo

Я думал об этом, но это вопрос касательно самого formit. Через getResources такой же ведь результат. 
 Но если кто-то столкнется с такой-же проблемой делайте вывод через свой сниппет на modx api. Так чанк отправки письма правильно воспринимает синтаксис [[+value]]. 
 Не знаю стоит ли писать код, так как нужные значения берутся из migx. Такой частный случай. :)
 Ладно, я просто оставлю это здесь 
 

Я думал об этом, но это вопрос касательно самого formit. Через getResources такой же ведь результат. 
 Но если кто-то столкнется с такой-же проблемой делайте вывод через свой сниппет на modx api. Так чанк отправки письма правильно воспринимает синтаксис [[+value]]. 
 Не знаю стоит ли писать код, так как нужные значения берутся из migx. Такой частный случай. :)
 Ладно, я просто оставлю это здесь function translit($tit) {
$rus_alphabet = array(
  'А', 'Б', 'В', 'Г', 'Д', 'Е', 'Ё', 'Ж', 'З', 'И', 'Й',
  'К', 'Л', 'М', 'Н', 'О', 'П', 'Р', 'С', 'Т', 'У', 'Ф',
  'Х', 'Ц', 'Ч', 'Ш', 'Щ', 'Ъ', 'Ы', 'Ь', 'Э', 'Ю', 'Я',
  'а', 'б', 'в', 'г', 'д', 'е', 'ё', 'ж', 'з', 'и', 'й',
  'к', 'л', 'м', 'н', 'о', 'п', 'р', 'с', 'т', 'у', 'ф',
  'х', 'ц', 'ч', 'ш', 'щ', 'ъ', 'ы', 'ь', 'э', 'ю', 'я', ' '
);
$rus_alphabet_translit = array(
  'A', 'B', 'V', 'G', 'D', 'E', 'IO', 'ZH', 'Z', 'I', 'I',
  'K', 'L', 'M', 'N', 'O', 'P', 'R', 'S', 'T', 'U', 'F',
  'H', 'C', 'CH', 'SH', 'SH', '`', 'Y', '`', 'E', 'IU', 'IA',
  'a', 'b', 'v', 'g', 'd', 'e', 'io', 'zh', 'z', 'i', 'i',
  'k', 'l', 'm', 'n', 'o', 'p', 'r', 's', 't', 'u', 'f',
  'h', 'c', 'ch', 'sh', 'sh', '`', 'y', '`', 'e', 'iu', 'ia', '_'
);
$trans = str_replace($rus_alphabet, $rus_alphabet_translit, $tit);
echo '[[+'.$trans.'-col]]';
}
$resources = $modx->getCollection('modResource', array(
  'template' => 27
));
$output = '<p>Всего ресурсов: '.count($resources).'</p>';
foreach ($resources as $k => $res) {

  $resource = $modx->getObject('modResource',$k);
  $tv = $resource->getTVValue('calcUsl');
  $tv = json_decode($tv, true);
  $x = count($tv);
  foreach ($tv as $key => $value) {
  $tit = ($tv[$key][name]);
  $unit = ($tv[$key][unit]);
  $price = ($tv[$key][price]);
  echo '<tr><td>'.$tit.'</td>';
  echo '<td>'.$price.' рублей</td>';
  echo '<td>';
  translit($tit);
  echo '</td>';
  echo '<td>'.$unit.'</td></tr>';
  }
}

Я думал об этом, но это вопрос касательно самого f

Спасибо большое. 
 Наконец вернулся к задаче и с Вашей помощью удалось дойти до следующей «мертвой точки».
 

Данные верно попадают куда надо в переменных, кроме запроса. Запрос с ценой формируется в коде так:
 

$q2 = $this->modx->newQuery('modResource');
            $q2->command('update');
            $q2->set($data);
            $q2->where(array(
                "id"    => $tmp_object->resource_id,
            ));

и формируется честно, например:
 

UPDATE `modx_site_content` SET `price` = 19 WHERE `modx_site_content`.`id` = 37216

а вот как только я пытаюсь, даже не добавить в дату, а заменить price на «amount» или хотя бы «test» запрос перестает нормально формироваться:
 

UPDATE `modx_site_content` WHERE `modx_site_content`.`id` = 21043

Насколько удалось понять — при формировании запроса (так и не нашел конкретное место, честно говоря) происходит что-то вроде проверки валидности наименования (price, amount и тд). И наименования полей к типу modResource (с указанием таблицы без префикса: site_content) прописаны в паре файлов xml и описаны в файлах php. Но ключевая проблема, что как раз таки где все это описано, конкретно описание «price» так и не удалось обнаружить во всем ядре. 
 Не могли бы Вы подсказать в каком направлении можно дальше подумать, а то идеи кончились. Может, например, известно, где может быть описано данное поле (ptice), что бы оно как-то обрабатывалось при формировании sql?

Спасибо большое. 
 Наконец вернулся к задаче и с Вашей помощью удалось дойти до следующей «мертвой точки». Данные верно попадают куда надо в переменных, кроме запроса. Запрос с ценой формируется в коде так: $q2 = $this->modx->newQuery('modResource');
            $q2->command('update');
            $q2->set($data);
            $q2->where(array(
                "id"    => $tmp_object->resource_id,
            )); и формируется честно, например: UPDATE `modx_site_content` SET `price` = 19 WHERE `modx_site_content`.`id` = 37216 а вот как только я пытаюсь, даже не добавить в дату, а заменить price на «amount» или хотя бы «test» запрос перестает нормально формироваться: UPDATE `modx_site_content` WHERE `modx_site_content`.`id` = 21043 Насколько удалось понять — при формировании запроса (так и не нашел конкретное место, честно говоря) происходит что-то вроде проверки валидности наименования (price, amount и тд). И наименования полей к типу modResource (с указанием таблицы без префикса: site_content) прописаны в паре файлов xml и описаны в файлах php. Но ключевая проблема, что как раз таки где все это описано, конкретно описание «price» так и не удалось обнаружить во всем ядре. 
 Не могли бы Вы подсказать в каком направлении можно дальше подумать, а то идеи кончились. Может, например, известно, где может быть описано данное поле (ptice), что бы оно как-то обрабатывалось при формировании sql?

Спасибо большое. 
 Наконец вернулся к задаче и с В

Я точно не подскажу, ни тем, ни другим не пользуюсь. Но как всегда советую идти смотреть исходники. И одно, и другое умеет переопределяться.
 

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

Спасибо за подсказку, особенно за вторую ссылку.

Пожалуйста.

Нет, в первом варианте не в скобках дело, а в раскладке (на цифре 7 висят и & и ?). То есть должно быть не done: !(this.state ?? this.state.done), done: !(this.state && this.state.done)

Нет, в первом варианте не в скобках дело, а в раск

В моем случае нет конкатенации, потому что я складываю уже преобразованные в числа строки и у меня на выходе четко строки, то есть результат 15. В твоем же случае это походит на натягивание совы на глобус. Вот зачем тебе складывать числа со строками? 

В моем случае нет конкатенации, потому что я склад

Работа со стейтем в функциональных и классовых компонентах немного отличается, в том плане, что в классовых ты работаешь с полным объектом, типа такого: 

и можешь обращаться напрямую к его свойствам типа this.state.done

В функциональных же ты не напрямую со стейтом работаешь, а с его свойствами типа так: 

Во втором случае у тебя стейт как бы всегда отсутствует, есть только его значения (которые могут быть пустыми). В первом же случае (в классовых) у тебя стейт может не быть, а может и быть. То есть если ты раз задал this.setState({done: true}), то у тебя this.state уже есть всегда в течение жизни компонента. Таким образом у тебя логическая ошибка в этом условии: 

У тебя всегда есть this.state и получается, что всегда задается done: true. То есть надо было проверять  

то есть проверять отсутствие стейта, а не его наличие. Ну, это в твоем случае. А вообще в таких случаях делают так:

То есть устанавливают инвертированное значение.

Работа со стейтем в функциональных и классовых компонентах немного отличается, в том плане, что в классовых ты работаешь с полным объектом, типа такого: и можешь обращаться напрямую к его свойствам типа this.state.done В функциональных же ты не напрямую со стейтом работаешь, а с его свойствами типа так: Во втором случае у тебя стейт как бы всегда отсутствует, есть только его значения (которые могут быть пустыми). В первом же случае (в классовых) у тебя стейт может не быть, а может и быть. То есть если ты раз задал this.setState({done: true}), то у тебя this.state уже есть всегда в течение жизни компонента. Таким образом у тебя логическая ошибка в этом условии: У тебя всегда есть this.state и получается, что всегда задается done: true. То есть надо было проверять то есть проверять отсутствие стейта, а не его наличие. Ну, это в твоем случае. А вообще в таких случаях делают так: То есть устанавливают инвертированное значение.

Работа со стейтем в функциональных и классовых ком

Можешь объяснить, как работает в данном случае тернарное выражение:

Не понимаю почему перед .done стоит точка.

Можешь объяснить, как работает в данном случае тернарное выражение: Не понимаю почему перед .done стоит точка.

Можешь объяснить, как работает в данном случае тер

В первом варианте убрал скобки, со скобками не работает:

Мне кажется самая понятная конструкция получилась. 

Через опциональную цепочку пока не догоняю почему он работает. А в третьем варианте слишком сложная конструкция получается логическое И плюс тернарник. В моем же варианте получается возьми или это или другое , другое или это. Правильно вообще написал и понимаю эту конструкцию?)

В первом варианте убрал скобки, со скобками не работает: Получилось так: Мне кажется самая понятная конструкция получилась. Через опциональную цепочку пока не догоняю почему он работает. А в третьем варианте слишком сложная конструкция получается логическое И плюс тернарник. В моем же варианте получается возьми или это или другое , другое или это. Правильно вообще написал и понимаю эту конструкцию?)