Все привет, нужна помощь. Есть компонет, в нем рендерится форма. Несколько импутов и текстареа. По клику на кнопку «отправить» вызываю метод handleSubmit. handleSubmit(e) { e.preventDefault(); alert('fsjdifgjfofjdsgiop'); } но отправка формы и перезагрузка все равно происходит. в чем может быть проблема?

а алерт вылезает?

нет, просто перезагружает страницу.

Покажи render

Где навешиваешь колбек

<button className="add__btn" onClick={this.handleSubmit} ref="alertbutton" disabled > Показать alert с данными </button>

в 0.13 точно было

А, я забыл, что у меня debounce используется

Так onSubmit на форме нужен

У тебя клик превентится

disabled там

а, спасибо :) disabled снимается чекбоксом)

Так onSubmit на форме нужен

тоже самое.

На форму же повесил, а не на кнопку?

… еще раз спасибо)

Обращайся :)

Парни привет) Такой вопрос насколько корректно использовать defineMessages для react-intl в runtime на сервере? Есть список который подгружается из внешнего источника для которого формируются переводы через intl.

Все привет, нужна помощь. Есть компонет, в нем рендерится форма. Несколько импутов и текстареа. По клику на кнопку «отправить» вызываю метод handleSubmit. handleSubmit(e) { e.preventDefault(); alert('fsjdifgjfofjdsgiop'); } но отправка формы и перезагрузка все равно происходит. в чем может быть проблема?

на сабмит формы вешай, а не на клик батоном

на сабмит формы вешай, а не на клик батоном

Спасибо) Выше уже ответили)

Посоны, какой сейчас самый феншуйный BAAS желательно что был бесплатный тариф, пусть и полудохлый.

Подскажите, как быть?) Есть какой-то «handleChange» Который в констукторе биндиться как обычно. this.onFieldChange = this.onFieldChange.bind(this); мне нужно пробросить еще одно один аргемнт в onFieldChange, что бы можно было вызывать его так. onClick={this.onFieldChange(‘моя строка которую я хочу юзать внутри обработчика’)} и при это не терялся сам this.

У меня у одного в атоме такая ошибка Uncaught TypeError: document.styleSheets[Symbol.iterator] is not a function

Подскажите, как быть?) Есть какой-то «handleChange» Который в констукторе биндиться как обычно. this.onFieldChange = this.onFieldChange.bind(this); мне нужно пробросить еще одно один аргемнт в onFieldChange, что бы можно было вызывать его так. onClick={this.onFieldChange(‘моя строка которую я хочу юзать внутри обработчика’)} и при это не терялся сам this.

Ну возвращай из него функцию

У меня у одного в атоме такая ошибка Uncaught TypeError: document.styleSheets[Symbol.iterator] is not a function

вообще вылетающие ошибки в атоме обычное дело) к сожалению

Подскажите, как быть?) Есть какой-то «handleChange» Который в констукторе биндиться как обычно. this.onFieldChange = this.onFieldChange.bind(this); мне нужно пробросить еще одно один аргемнт в onFieldChange, что бы можно было вызывать его так. onClick={this.onFieldChange(‘моя строка которую я хочу юзать внутри обработчика’)} и при это не терялся сам this.

Замыкание наш верный друг

Подскажите, как быть?) Есть какой-то «handleChange» Который в констукторе биндиться как обычно. this.onFieldChange = this.onFieldChange.bind(this); мне нужно пробросить еще одно один аргемнт в onFieldChange, что бы можно было вызывать его так. onClick={this.onFieldChange(‘моя строка которую я хочу юзать внутри обработчика’)} и при это не терялся сам this.

у тебя много полей?

ну, пока два, планирую больше.

каррирование знаешь?

tcnm

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

this.onUserFieldChange = onFieldChange('user').bind(this); this.onPswdFieldChange = onFieldChange('pswd').bind(this);

onFieldChange(key) { return function(event) { this.setState({ [key]: event.target.value.trim() }) } }

то что нужно, спасибо!)

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

Подскажите, как быть?) Есть какой-то «handleChange» Который в констукторе биндиться как обычно. this.onFieldChange = this.onFieldChange.bind(this); мне нужно пробросить еще одно один аргемнт в onFieldChange, что бы можно было вызывать его так. onClick={this.onFieldChange(‘моя строка которую я хочу юзать внутри обработчика’)} и при это не терялся сам this.

fun.bind(thisArg[, arg1[, arg2[, ...]]])

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

сервер как рестфул апи или graphql, фронт на реакте, и да, принципиально раздельные проекты/репы, но держим в уме CORS

докер используете?

как деплоите?

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

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

бэкенд и фронт = разные приложения

две репы, два докер файла

Кто-нибудь работает с реактом на php-стеке? Такое встречается вообще?

а какая разница что там на сервере?

хоть cgi на с++

Многие рендер на сервер переносят. Если с нодой всё понятно, то не особо представляю, как это выглядит в реалиях php

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

%)

Многие рендер на сервер переносят. Если с нодой всё понятно, то не особо представляю, как это выглядит в реалиях php

Рендерится нодой, остальное на php.

Рендерится нодой, остальное на php.

Т.е. она идёт прослойкой?

Т.е. она идёт прослойкой?

Я сам не занимался ещё серверным рендерингом. Только предварительно узнавал (у меня бекенд на питоне). Но вообще да, что-то типа прослойки.

ребята, помогите плз — http://pastie.org/private/0qhwoycnndfccqhezoma

есть 2 инпута. считать числа и вывести сумму

браузер ложится почему-то

ээй

В onChange надо функцию передавать

А тут передается результат функции setState

А тут передается результат функции setState

у которого нет результат =)

Всем привет. Кто-нибуль может в двух словах сказать для чего понадобилась вот эта библиотека? https://github.com/mridgway/hoist-non-react-statics

Какая проблема привела к ее созданию

не знаю

https://github.com/reactjs/react-redux/issues/276

Какая проблема привела к ее созданию

чтобы у компонентов, обёрнутых в HOC, сохранялись properties пример: https://www.reddit.com/r/reactjs/comments/47tyqy/simple_decorator_to_provide_the_context_in_the/d0fp9ka/?context=10000

Кто-нибудь работает с реактом на php-стеке? Такое встречается вообще?

https://github.com/reactjs/react-php-v8js Просто видел когда-то, не трогал

Кто-нибудь работает с реактом на php-стеке? Такое встречается вообще?

думаю встречается, но в случае со спа, лучше сначала отделить api от php

ERROR: S client not available

https://github.com/reactjs/react-php-v8js Просто видел когда-то, не трогал

и тогда не придётся использовать это

у нас backend на php. сделали нормальное API и вообще не паримся

у нас backend на php. сделали нормальное API и вообще не паримся

вот

Люди, подскажите, где можно почитать о redux-saga best practices?

В доках все примеры есть, максимально полные, а вообще используй redux-observable

В доках все примеры есть, максимально полные, а вообще используй redux-observable

Мне не для реакта. Ридакса нет в проекте, врятли будет

Кто знает enzyme и jest хватит для тестирования библиотеки реакт-клиентов?

Кто знает enzyme и jest хватит для тестирования библиотеки реакт-клиентов?

выбери что-то одно

как мне кажетсяя

enzyme для ручного тестировния

А окей

джест для снепшотов

enzyme активно использую с авой

джест не трогал пока

но в аву тоже скоро запилят снепшоты

enzyme активно использую с авой

Спасибо

enzyme активно использую с авой

Есть примеры?

Есть примеры?

написал в личку

тут не обсуждали https://github.com/facebook/react/issues/8854 ?

тут не обсуждали https://github.com/facebook/react/issues/8854 ?

нет

тогда я вам новость принес сюда)

вроде ж фейсбук у себя активно createClass юзает или уже нет?

а в чём проблема?

кодмоды фтв

Ахтунг! Анимация! :) Есть кусок кода в render: <ReactCSSTransitionGroup component="div" className="test-wrapper" key="test" transitionName="test" transitionEnter={true} transitionLeave={true} transitionEnterTimeout={5000} transitionLeaveTimeout={5000}> {notification && this.renderNotification()} </ReactCSSTransitionGroup> notification приходят все новые значения из вне, хочется чтобы при новом notification - происходил новый renderNotification, тем самым запускался бы процесс анимации по новой внутри ReactCSSTransitionGroup

Голова спит, руки гуглят :) Кто делал что-то подобное - отзовитесь :) Спасибо!

const {notification} = this.state;

при апдейте стейта должно перерисовать

А если надо из вне откуда-то брать, то красиво решается через mobx

да, но не сбрасывается цикл анимации

Key меняй

это идея