Size: a a a

React: русскоязычное сообщество

2018 March 01

AN

Adel Norberg in React: русскоязычное сообщество
Не имелось ввиду
источник

AN

Adel Norberg in React: русскоязычное сообщество
ID:72036040
onMouseOver={this.hoverTaskPreview}

hoverTaskPreview = (e) => {
  e.clientX
};
Спасибо)
источник
2018 March 02

//

/ / in React: русскоязычное сообщество
Помогите пожалуйста

 render() {
       return ( <CurrentSchedule {...this.state.orders} /> );
 };

const CurrentSchedule = ({ currentOrders }) => {
   console.log(currentOrders);
   return null
}
источник

//

/ / in React: русскоязычное сообщество
коносоль лог всегда выводит пустой обьект, хотя если перед рендером писать консол лог по this.state.orders то выводит нормально все
источник

DK

Dmitrii Kanatnikov in React: русскоязычное сообщество
у тебя в this.state.orders есть поле currentOrders ?
источник

DK

Dmitrii Kanatnikov in React: русскоязычное сообщество
const CurrentSchedule = (props) => {
   console.log(props);
   return null
}

сделай так и посмотри что напечатает
источник

//

/ / in React: русскоязычное сообщество
блин точно, спасибо
источник

NK

ID:559266692 in React: русскоязычное сообщество
источник
2018 March 03

NK

ID:556239598 in React: русскоязычное сообщество
работает кто-то с devtools-extension для react-redux? Если да, то можете показать конфигурацию стора, а то у меня по мануалу не получается настроить. использую middleware и начальное состояние + пишу  на .ts...
источник

NK

ID:556239598 in React: русскоязычное сообщество
import { createStore, applyMiddleware } from "redux";
import { reducer } from "./reducers";
import thunk from "redux-thunk";
import { Store } from "react-redux";

/// TODO remove 'redux-devtools-extension'.

import { devToolsEnhancer } from 'redux-devtools-extension';

const enhancer = window['devToolsExtension'] ? window['devToolsExtension']()(createStore) : createStore;


export const create = <S> ( state = {}, container = {} ): Store<S> =>
   enhancer(
       reducer,
       state,
       devToolsEnhancer(applyMiddleware( thunk.withExtraArgument( container ) ) as any)
   ) as Store<S>;
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
ID:556239598
работает кто-то с devtools-extension для react-redux? Если да, то можете показать конфигурацию стора, а то у меня по мануалу не получается настроить. использую middleware и начальное состояние + пишу  на .ts...
Да, работаю. Настраивал по мануалу отсюда: https://github.com/zalmoxisus/redux-devtools-extension
все хорошо работает.
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
Это отдельный пакет, который решает эту задачу.
источник

AG

Alex G in React: русскоязычное сообщество
Народ, как вы выходите из ситуации, когда нужно отправить несколько экшенов redux одновременно?
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
Alex G
Народ, как вы выходите из ситуации, когда нужно отправить несколько экшенов redux одновременно?
Использую redux-thunk: https://github.com/gaearon/redux-thunk/
источник

NK

ID:556239598 in React: русскоязычное сообщество
@ychebotaev а как Вам в этом redux-thunk помогает, можноподробней?
источник

NK

ID:556239598 in React: русскоязычное сообщество
типа actionCreator?
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
ID:556239598
@ychebotaev а как Вам в этом redux-thunk помогает, можноподробней?
Он подсаживается на стор как middleware и позволяет вернуть из экшена функцию с двумя аргументами (dispatch, getState).
Соответственно, внутри это функции и dispatch-у столько экшенов, сколько нужно. Очень часто такое нужно для асинхронных событий, например, начало сетевого запроса, успешный ответ, ответ с ошибкой.
источник

NK

ID:556239598 in React: русскоязычное сообщество
@ychebotaev это да, я просто  немного не о том подумал. Я подумал что спрашивают как вообще избавится от нескольких диспатчей подряд.
источник

NK

ID:556239598 in React: русскоязычное сообщество
Спасибо за ссылку, получилось настроить
источник
2018 March 04

AK

Artem Kravchenko in React: русскоязычное сообщество
Alex G
Народ, как вы выходите из ситуации, когда нужно отправить несколько экшенов redux одновременно?
Если фокус в вопросе на том, что каждое из цепочки действий порождает обновление в подписанных компонентах и ведет к нескольким перерисовкам (в худшем случае) подряд, стоит рассмотреть redux-batch или redux-batched-actions - они позволяют эту проблему решить, отправляя обновление в конце цепочки.

С другой стороны, перерисовок можно избежать (не прибегая к мемоизации через reselect и shallow compare по props компонента в shouldComponentUpdate()), если составлять хранилище таким образом, чтобы искомый reducer содержал флаг наподобие isFetching, который бы сигнализировал загрузку в текущий момент. Флаг присутствует - игнорируем перерисовку в shouldComponentUpdate() и не прибегаем к shallow compare.
источник