Бррр, скинь код куданить на codesandbox - поправлю.

https://codesandbox.io/s/ql887orv26

^ табы на powerplug

у авито крутая дока блин)) где взять))) styleguidist шляпа по сравнению с ними

а как нибудь без него не обойтись? через webpack например

Замокай апи

а может быть такое что если в объекте стейта обновляется только объект в его глубине, то стейт не обновляется? что делать в таком случае?

еще раз?

что то мелькнуло

Спам был

а

а может быть такое что если в объекте стейта обновляется только объект в его глубине, то стейт не обновляется? что делать в таком случае?

Вообще такого быть не должно

А каким образом?

А каким образом?

местами меняются ключи

типа нулевой стал первым, а первый нулевым

местами меняются ключи

Без кода непонятно

не знаю, с какой части начинать скидывать код, короче, setState({ clippings }) и стей полностью идентичен прошлому стейт, за исключением того, что два объекта в videosParts поменялись местами, в них ничего не изменилось. А для рендеринга данные просто берутся из стейта: const { clippings } = this.state и дальше рендерятся так: {clippings.map(clip => ( <Route key={clip.key} path={`${match.url}/${clip.key}`} render={() => ( <SingleClip updateVideosParts={this.updateVideosParts} clippingKey={clip.key} videos={clip.videosParts} /> )} /> ))}

не знаю, с какой части начинать скидывать код, короче, setState({ clippings }) и стей полностью идентичен прошлому стейт, за исключением того, что два объекта в videosParts поменялись местами, в них ничего не изменилось. А для рендеринга данные просто берутся из стейта: const { clippings } = this.state и дальше рендерятся так: {clippings.map(clip => ( <Route key={clip.key} path={`${match.url}/${clip.key}`} render={() => ( <SingleClip updateVideosParts={this.updateVideosParts} clippingKey={clip.key} videos={clip.videosParts} /> )} /> ))}

А откуда clippings берется

Который в setstate

А откуда clippings берется

загружается запросом

и при обновлении тоже

хз, в общем я решил, прелоадером, типа если !this.state.loading то рендерить все

а почему не перерендеривается при обновлении стейта - не знаю

а почему не перерендеривается при обновлении стейта - не знаю

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

componentDidMount = async () => { await this.init() } init = async () => { this.setState({ loading: true }) const clippings = await getClippings() this.setState({ clippings, loading: false, }) } updateVideosParts = async (key, videos) => { await update(key, videos) await this.init() }

Народ, использую Flow, есть такой кусок кода: type State = { answerState: "wait" | "wrong" (1) } class MainInput extends Component<Props, State> { ... <div className={this.state.answerState == "WTF" ? ...}> Почему Flow позволяет сравнивать мой answerState со строкой, которая НЕ допустима в описании типа (помеченного в коде пунктом (1)) ?

Попробуй выделить “wait" | "wrong" в отдельный тип

И потом сравнивай (“WTF”: Type)

Так должно работать/выкидывать ошибку

Выделил “wait" | "wrong" в отдельный тип Всё равно можно написать что-то типа this.state.answerState == "wronggggg" и Flow промолчит (просто это выражение всегда будет false)

Как починить Flow?

А почему он тут сломан?

Всё правильно же.

Если хочешь сделать как тебе надо, то сделай функцию typeEqual(T a, T b)

Я хочу, что бы Flow говорил, что я сравниваю свой this.state.answerState с недопустимым значением

Смотри решение выше.

в TS работат именно так, как хоче Николай

и это логично

Вот, хотелось бы, что б и Flow так делал...

https://github.com/facebook/flow/issues/2394 Гуглинг выдал это

Прости, брат

Качать typescript?

Как решение, приходил в голову создать джсовый класс enum

И использовать его вместо enum flow

Качать typescript?

пилить пр в флоу)

пилить пр в флоу)

это не наш метод

Для матчинга энамов есть switch

у тебя присваивание, у меня сравнение на ==

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

мне не нужен полноценный матчинг энамов, мне нужно, что бы флоу в простом ифе НЕ позволял сравнивать значение энама с произвольной строкой

у тебя присваивание, у меня сравнение на ==

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

ну дык я сравниваю с НЕдопустимым значением (список допустимых значений перечислен в определении типа через вертикальную палку)

но ты же не меняешься значение

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

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

this.setState({ answerState: "WTF" // тут флоу выдаст ошибку, всё верно }) if (this.state. answerState == "WTF") // а вот тут не выдаст, что в моем понимании странно Это не сравнение типов, это сравнение двух значений разных (разных!) типов

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

Нет

Нет

ну лан

В окамле это было бы предупреждение о non exhaustive match. Правда там для этого юзается switch который спрашивающий уже с негодованием отверг кек

Это да, exhaustive switch все дела. Но мне нужен один пройсто if - else. Хочу, что бы в этом простом if-else тоже работал type checking, как и при присвоении, как и при exhaustive switch

Так, похоже typescript тоже пропускает такой код: type State = { answerState: "wait" | "wrong" } this.state.answerState == "WTF" Как я понимаю, использовать алгебраические типы данных в качестве энамов нельзя

Ура, снова нихуя не понятно

ERROR: S client not available

Я скучал

так надо делать get

Если свойство cookies экземпляра Cookies пусто, то и гет ничего не выведет

Во первых у меня смутное подозрение что два равно тут не очень идея)) Во вторых да

три знака равно тоже пропустит

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

Так, похоже typescript тоже пропускает такой код: type State = { answerState: "wait" | "wrong" } this.state.answerState == "WTF" Как я понимаю, использовать алгебраические типы данных в качестве энамов нельзя

Последние пару месяцев я занимался тем что эмулировал алгебраическую сумму типов в жс, тщательно так, через disjoint Union классы. Потом надоело, теперь такие места пишу не на жс, это довольно не сложно

народ, есть чатик по верстке или css?

народ, есть чатик по верстке или css?

@css_ru

@css_ru

спасибо!

Всем привет, подскажите пожалуйста, хочу через new FormData() закинуть туда файл и его название, затем отправить в акшен,откуда на сервер, но с поля ничего не считывается совсем, только пустота, вот код fileChange = (event) => { this.setState({file: event.target.files[0]}, console.log(event.target, 'file')) }; bookUpload = () => { const formData = new FormData(); formData.append('file',this.state.file); formData.append('filename',this.state.bookName); const config = { headers: { 'content-type': 'multipart/form-data' } }; console.log(formData, 'data'); this.props.uploadBook(formData, config); };

<input id='book' name='bookUpload' type='file' className='Input' onChange={this.fileChange}/>

Всем привет, подскажите пожалуйста, хочу через new FormData() закинуть туда файл и его название, затем отправить в акшен,откуда на сервер, но с поля ничего не считывается совсем, только пустота, вот код fileChange = (event) => { this.setState({file: event.target.files[0]}, console.log(event.target, 'file')) }; bookUpload = () => { const formData = new FormData(); formData.append('file',this.state.file); formData.append('filename',this.state.bookName); const config = { headers: { 'content-type': 'multipart/form-data' } }; console.log(formData, 'data'); this.props.uploadBook(formData, config); };

Не ставь content-type

Фетч сам проставит нужный

И он даст там boundary

Короче, просто убери контент тайп и должно заработать

хорошо, но проблема даже в том, что в formData ничего не попадает, пусто совсем…

Ты проверял через network

?

console.log не отображает содержимое formData

аа,так вот в чем дело

только через .get

Теперь понял, разобрался, спасибо всем

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

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

нет, посмотри redux-thunk

Ещё не дошел, только вот недавно редукс разбирал

Там я так понял идёт мидлвар для асинхронных компонентов, да?

асинхронных экшен криэйторов

асинхронных экшен криэйторов

именно, экшнов, не то написал.

только через .get

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

именно, экшнов, не то написал.

экшен это plain object