да все нормально с инпутом)

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

)

чекбокс так-то тоже инпут

третий раз говорю

бля

мне почему-то кажется, что если повесить на onChange мутацию стейта, то при следующем рендере value={this.state.checkbox} отобразит тебе именно то, что было мутировано в onChange

я убрал мутацию, дело было не в ней

ээээ

у меня есть чекбоксы, когда я их чекаю, в состояние записываеться что они чекнуты или нет, и тут же в них я прописываю checked={this.state.checked[name]} предпологаю что из за этого

вангую, что у тебя checked[name] по дефолту undefined

ахаххаха))))

нет

написано

скорее наоборот. становится undefined

нет

написано

что

есть конторируемый объект и контролирующий

ок, а onChange есть у чекбоксов?

подождите

не перебивайте

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

чтобы не перебивали, напиши все одним сообщением

+

есть конторируемый объект и контролирующий, я чекаю и записываю его чекнутость в состояние, следавательно это контролирующий объкет, и тут же из состояния достаю его чекнутость и прописываю в checked={this.state.checked[name]}

чтобы не перебивали, напиши все одним сообщением

пока я напишу, вытему поменяете, а потом не поймете меня

XD

у тебя есть кнопка, есть чекбоксы, что должна делать кнопка?

есть конторируемый объект и контролирующий, я чекаю и записываю его чекнутость в состояние, следавательно это контролирующий объкет, и тут же из состояния достаю его чекнутость и прописываю в checked={this.state.checked[name]}

Что такое контролируемый и контролирующий объект? Ворнинг про controlled и uncontrolled инпуты. controlled — это когда есть onChange и value, а uncontrolled — когда нет, но можно задать defaultValue

И у тебя инпут, судя по ворнингу, сначала является controlled, а потом становится uncontrolled или наоборот

@sunify по идее надо понять какую задачу ему в конце концов надо решить, а потом уже refs/controlled/defaultValue, мб он сам себе яму роет

Вангую, что кнопка это сабмит

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

как вариант ты умудрился запихать сразу оба пропса checked/defaultChecked в input. дальше телепатии не хватает. создай фидл что-ли

@sunify по идее надо понять какую задачу ему в конце концов надо решить, а потом уже refs/controlled/defaultValue, мб он сам себе яму роет

Ну да, но без фидла — это гадание на сообщениях

так вот собсно об этом и речь

Что взять в новый проект - unviersal router или 4-й react router?

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

все работает, но выдает предупреждение

checked[name][val] там что?

val только не массив, а одно из значений этого массива

а name береться из tmplFilter

а покажи handleFilter еще

он не простой сразу говорю

и предупреждение это. не понятно из-за чего, но все работает

checked[name][val] там что?

Sergey вот тут прямо выведи в консоль или в отладчике погляди Вот пример возникновения ворнинга http://jsbin.com/yahutad/edit?js,output

Привет. Если у меня нету фреймверков типа экспресса, а тупо nginx раздающий bundle как статику, то как можно реализовать авторизацию так, чтобы ненужные сорцы не грузились неавторизованным пользователям?

(он через удаленную апи авторизовывается, я через форму туда данные пересылаю просто)

http://seriyps.ru/blog/2010/05/30/basic-http-avtorizaciya-dlya-nginx/

Sergey вот тут прямо выведи в консоль или в отладчике погляди Вот пример возникновения ворнинга http://jsbin.com/yahutad/edit?js,output

именно так. только у него обратная ситуация controlled to uncontrolled. т.е. где-то пара name/val дает такое что checked[name] == true а вот checked[name][val] === undefined

именно так. только у него обратная ситуация controlled to uncontrolled. т.е. где-то пара name/val дает такое что checked[name] == true а вот checked[name][val] === undefined

Какая разница?

кажется, что ты в хендлере берешь значение чекбокса через ref, т.е. он uncontrolled, но инициализируется как controlled можешь почитать про controlled/uncontrolled components

и предупреждение это. не понятно из-за чего, но все работает

в направлении ) в его случае из defined в undefined

в твое фидле из undefined в defined

Принципа возникновения ворнинга это не меняет

http://seriyps.ru/blog/2010/05/30/basic-http-avtorizaciya-dlya-nginx/

удаленный сервис токен присылает, а он ldap проверяет пару логин-пароль

удаленный сервис токен присылает, а он ldap проверяет пару логин-пароль

Тогда пиши свое серверное решение

ERROR: S client not available

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

No way!

ахахаха))))

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

реакт не при делах. вебпак умеет code-split. пиши так чтобы код авторизованного пользователя был максимально изолирован. думаю, CommonsChunkPlugin в помощь

Спасибо

Всем приветуличи

Можете разьяснить одну вещь, если не трудно

Делают ли на реакте сложные мультипейдж приложения?

Тоесть какбы роутер есть

Всё круто

Но неужели все компоненты

Весь JSX грузить нужно сразу?

Динамической подгрузки компонентов нету?

Динамической подгрузки компонентов нету?

есть

require.ensure

притом ленивая загрузка не только jsx

но целых релевантных бандлов

фишка вебпака. так-то реакту абсолютно пофиг какими чанками ты его будешь грузить

Окей, спасибо

Последний камень в огород Галпа

Скажите, те кто разделяет ui на компоненты и контейнеры, у вас присутствует верста в контейнерах? Или же это чисто контейнер с подключенным стейтом и обработчиками, который пробрасывает их в дочерние компоненты?

предпочитаю четко разделять. компоненты делаю чисто презентационными без логики, вообще. в контейнерах только логика

обычно контейнер выглядит как recompose/compose(....)(PresentationalComponent)

Скажите, те кто разделяет ui на компоненты и контейнеры, у вас присутствует верста в контейнерах? Или же это чисто контейнер с подключенным стейтом и обработчиками, который пробрасывает их в дочерние компоненты?

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

У меня сейчас просто контейнеры в рендере выглядят примерно так render() { return React.cloneElement( this.props.children, {...props} ); } И я стараюсь этому во всех контейнерах следовать, но вдруг это слишком фанатично и можно иногда засунуть какой-нить див с оберткой или даже чуть чуть ui логики

Скажем все кнопки, инпуты и подобные базовые вещи - сразу в компоненты по понятным причинам. Сложные варианты, как какая-нибудь сущность в листинге ( листинг 1 такой на проекте ) - делаю контейнером со стилями и версткой + коннект к стору. Если появится вдруг листинг с другой логикой и данными - разделю.

Иначе в сложных интерфейсах можно на пустом месте зарыться.

Вот это Серёга здесь нахуевертил -_-