про какие евены мыхи ? mouseover и тд?

Банальный click

ну так в описании render метода, в узле указываешь onClick={this.funcClick} и все

Судя по тому что ты мне советуешь ты про всплытие/погружение событий не особо

ну тогда объесняй в каком контексте ты имеешь в виду "всплытие/погружение " понять эти два состояния можно по-разному

stopPropagation через onClick вызвать можно

вася прав

пиши конкретно что сделать хочешь

Не работает к сожалению Ситуевина такая Есть <label onClick={this.handleClick.bind(this)}> <input type="checkbox" name={this.props.name} className="checkbox__input" value={this.props.value} disabled={this.props.disabled ? this.props.disabled : false} /> </label>

анимируешь классами (линк выше), через state меняешь классы, стейт меняешь через onClick

что именно не работает?

евент висит на label

Соответственно он происходи два раза

Нужно запретить погружение

event.stopPropagation(); event.nativeEvent.stopImmediatePropagation(); Не работают

ээээ

а два раза то откуда?

Замути пример в кодпене ты удивишься

Замути пример в кодпене ты удивишься

Замути, мне тоже интересно посмотреть

https://stackoverflow.com/questions/24501497/why-the-onclick-element-will-trigger-twice-for-label-element

это не проблема реакта

тут не ивент прокидывается а судя по всему триггерится еще один onClick на инпуте

и потом ты его получаешь как второй

Можно не ложить инпут внутрь лейблы, и все ок будет

Можно не ложить инпут внутрь лейблы, и все ок будет

это удобно

но можно не ложить, да

http://output.jsbin.com/qogored

и?

Не работает к сожалению Ситуевина такая Есть <label onClick={this.handleClick.bind(this)}> <input type="checkbox" name={this.props.name} className="checkbox__input" value={this.props.value} disabled={this.props.disabled ? this.props.disabled : false} /> </label>

Привязаться к onChange чекбокса

у тебя создается новый ивент онклик на инпут

и?

Эвент стреляет 2 раза

А по всплытию погружению - я доки реакта почитал, мне хватило

он потом баблится вверх

поэтому у тебя 2 онклика

Во

повесь стоппропагатион на инпут

А по всплытию погружению - я доки реакта почитал, мне хватило

Кинь ссылку плиз

http://jsbin.com/dopisemoti/1/edit?html,js,output

yf

на

Кинь ссылку плиз

https://facebook.github.io/react/docs/hello-world.html Рекомендую прочесть разок всё от и до - потому что в коде выше были и другие банальные ошибки, которые упоминаются в доках. Плюс еще https://github.com/airbnb/javascript/tree/master/react

не очень понимаю причем тут реакт

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

Судя по тому что ты мне советуешь ты про всплытие/погружение событий не особо

особенно охуительно вот эта фраза читается, учитывая что ты сам не осилил

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

проблема то не в реакте

https://www.w3.org/TR/html5/dom.html#run-synthetic-click-activation-steps

сабмит формы по enter вроде тоже триггерит onClick на первом <input type=“submit”>

Люди кто какой использует stage-* ?

stage-2

ковыряю тут ant-design фрейм, почти полностью на https://github.com/react-component построен )

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

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

да один хуй

рефы + листенер, который в компоненте дергает что нужно

Ant очень понравился

Только стили в исходниках захардкожены(не css imports), собирается не очень красиво в итоге

Но компоненты бомба

Красиво выглядит, да

Где про пропсы мона почитать на русском? Чота неудачно попытался кусок хэтэмээля воткнуть в компонент, ругаица.

Где про пропсы мона почитать на русском? Чота неудачно попытался кусок хэтэмээля воткнуть в компонент, ругаица.

html втыкаеться так - <div dangerouslySetInnerHTML="<html></html>" />

ERROR: S client not available

html втыкаеться так - <div dangerouslySetInnerHTML="<html></html>" />

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

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

https://abraxabra.ru/react.js/

html втыкаеться так - <div dangerouslySetInnerHTML="<html></html>" />

не так

Спасибо.

html втыкаеться так - <div dangerouslySetInnerHTML="<html></html>" />

вот правильный вариант <div dangerouslySetInnerHTML={{ __html: '<div></div>' }} />

вот правильный вариант <div dangerouslySetInnerHTML={{ __html: '<div></div>' }} />

ах, да, блин. ссори(

https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

Ага, спасибо, нашёл тоже.

как обычно, всё есть в доках)

Ага, спасибо, нашёл тоже.

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

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

Фсё правильно, мне на русском, а там я с переводчиком буду сверяться. ))

Фсё правильно, мне на русском, а там я с переводчиком буду сверяться. ))

на тебе еще. Прочтешь после тутора https://habrahabr.ru/post/309422/

Ага, спасибо.

Народ, кто-то работает на связке Метеора и Реакта?

Верней наверное даже не в этом суть. У меня большинство компонентов зависят от действий юзера и меняют свой стейт в ответ на нажатие. В этом случае onClick на управляющем элементе меняет стейт, а он уже меняет класс и нужному элементы добавляются/убираются нужные классы Но есть ряд элементов, которые зависят от url. верней 99% времени они зависят так же от нажатий, но когда юзер обновляет страницу или впервые переходит на страницу, определенные элементы имеют тот или иной вид в зависимости от текущего урла.

вопрос - каким образом нужно это реализовать? я считываю в url и передаю его (его часть) в качестве props в нужный компонент, где на основе этого пропса идет работы с классами. НО. выглядит это глюкануто. если при нажатии все происходит быстро и плавно, то в случае работы с урлом это проихсодит 1) после загрузки страницы 2) с некоторой задержкой. что далеко от пизд*атого ux... у меня печаль, посоветуйте чего

вопрос - каким образом нужно это реализовать? я считываю в url и передаю его (его часть) в качестве props в нужный компонент, где на основе этого пропса идет работы с классами. НО. выглядит это глюкануто. если при нажатии все происходит быстро и плавно, то в случае работы с урлом это проихсодит 1) после загрузки страницы 2) с некоторой задержкой. что далеко от пизд*атого ux... у меня печаль, посоветуйте чего

https://github.com/kriasoft/universal-router

у меня FlowRouter

я знаю url, его параметры и тд

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

Так тебе нужно отправлять по идеи готовое состояние с сервера при первом запросе на нужный url. Чет не особо вижу проблемы.

Да даже и без сервера, у тебя по url подставляются необходимые компоненты.

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

Ещё можно через настройки пользователя.

сейчас попробую объяснить

есть компонент - 2 дива друг с другом, Бренды и Категории. нажимает юзер по любой из категорий - тогда в том компоненте активен второй див. нажимает на бренд - активен первый див. но при первой загрузке никаких нажатий не было - каким образом мне сделать активным нужный див?

пишу:

componentDidMount() { var active = flowRouter.getPath(); if (active = 'lalala') { this.setState({...}); } else if ... }

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