Всем привет, кто знает как сымитировать componentDidReceiveProps?

Где сымитировать?

Всем привет, кто знает как сымитировать componentDidReceiveProps?

this.componentWillReceiveProps() Только зачем?)

В immutable есть что нибудь на подобие unshift ? Нужно засетить свойство первым в мапу

this.componentWillReceiveProps() Только зачем?)

Только тебе надо туда ещё аргументы передать.

Только тебе надо туда ещё аргументы передать.

Ну да

В immutable есть что нибудь на подобие unshift ? Нужно засетить свойство первым в мапу

В мапе есть порядок?

Где сымитировать?

В компоненте

В мапе есть порядок?

нет

Но я думал может кто нибудь это обходил...

нет

Тогда что значит "первым"?

yep

this.componentWillReceiveProps() Только зачем?)

Не совсем понял мысль) Зачем: я хочу выстрелить экшн, только экшн высчитывается в коннекте как через селектор, и поэтому не менятся пока пропы не придут

Не совсем понял мысль) Зачем: я хочу выстрелить экшн, только экшн высчитывается в коннекте как через селектор, и поэтому не менятся пока пропы не придут

Так дай ему пропы в parent'e

И оно само собой решиться

Так дай ему пропы в parent'e

Не понимаю каким образом это решит мою проблему

@Melongeno не могу простучаться до store

он у меня во всем приложении undefined

@Melongeno не могу простучаться до store

connect использовать надо из redux-react или react-redux, ну кароче HOC/декоратор для этого

ты его в Provider закинул ?

@gus3inov да

тогда то что тебе выше сказали

ну вот есть компонент скажем @connect(state => state) class Cmp extends React.Component{ ... componentDidMount(){ console.log('here i want to see the store') } ... } как вывести стор в лог?

ну вот есть компонент скажем @connect(state => state) class Cmp extends React.Component{ ... componentDidMount(){ console.log('here i want to see the store') } ... } как вывести стор в лог?

эммм, this.props.state

undefined

я предпологаю что ты декоратор не правильно используешь

ты в коннект оборачиваешь компонент ?

ну вроде да. декоратор прям над классом компонента.

class CommentForm extends Component { .... } export default connect(null, (dispatch, ownProps) => ({ addComment: ... }))(CommentForm)

ну вроде да. декоратор прям над классом компонента.

попробуй вернуть какое-нибудь поле из state @connect(state => ({field: state.field}), null) ....

@Melongeno так я вижу поля из стора. спасибо. но значение полей undefined. хотя в сторе показано что значение присвоено

@connect(state => ({ state })) ... componentDidMount() { console.log(this.props.state) }

Насчет значений - в reducer'ах что?

Dispatch?

@Melongeno так я вижу поля из стора. спасибо. но значение полей undefined. хотя в сторе показано что значение присвоено

Как ты смотришь стор? Если через redux-logger, не ведись на next state, он показывает каким будет стор если значения до него дойдут, но могут и не дойти

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

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

connect

Тогда что значит "первым"?

через immutable можно было получить первый ключ и через него перекинуть новое свойство, мне показалось это костылем и сделал чуть по другому: в updateIn приходит 2 параметра, 2-ым передается мой массив и я уже в нем делаю unshift Наверное костыль, но это первое что на голову приходит

@connect(state => ({ state })) ... componentDidMount() { console.log(this.props.state) }

Лучше не писать через @

парни, юзаете что-нибудь вроде https://github.com/davidkpiano/xstate?

Подскажите, почему при смене в uri одного числа компонент не перерендеривается ?

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

Подскажите, почему при смене в uri одного числа компонент не перерендеривается ?

А оно тебе в пропсы приходит ?

Да.

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

сам этим занят в данный момент

Ну значит ререндер есть

/:page обычный, он меняется, а компонент не перендаривается

/comment/:page ?

в willrecieveprops зацикливаю просто, если ставлю туда))

Просто ты не делаешь запрос

На новые данные

/comment/:page ?

yeah

PureComponent или sku?

Ну подумай

Нет, это оыбчный Component

Что делает вилл ресив пропс

Какой курс? Нет

а окей

слушает изменение пропсов ..

Ну так

А сравнить

Что пропсы вообще другие

Сравнивал и зациклил)

Не ?

ERROR: S client not available

Щас попробую занова

Покажи код

Гист

Щас попробую занова

*заново

Или ещё где-то

Я вот например делаю вот так componentWillReceiveProps(nextProps) { const nextFilters = nextProps[Filter.FILTERS]; const filters = this.props[Filter.FILTERS]; if (!isEqual(filters, nextFilters)) { const filtersStructure = Filter.initFilters(nextFilters) this.setState({ ...filtersStructure }) } }

Я вот например делаю вот так componentWillReceiveProps(nextProps) { const nextFilters = nextProps[Filter.FILTERS]; const filters = this.props[Filter.FILTERS]; if (!isEqual(filters, nextFilters)) { const filtersStructure = Filter.initFilters(nextFilters) this.setState({ ...filtersStructure }) } }

codesandbox

рабочий пример кейса покажи

codesandbox

что это ?

какой то тег для формматирования ?

что это ?

codesandbox.io

https://css-tricks.com/robust-react-user-interfaces-with-finite-state-machines/

codesandbox.io

Кажется ты что то путаешь

Вопросик, почему рект 16 когда делаешь cloneElement, просит задавать пропсы в нижнем регистре ? React does not recognize the currencyMap prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase currencymap instead. If you accidentally passed it from a parent component, remove it from the DOM element.

Зачем мне это ?

пример показать

что у тебя там не обновляется

так я тебе говорю ты путаешь, я не задавал такой вопрос

по кускам кода гадать совсем не круто

а блин

?

Или ещё где-то

вот тут )

/:page обычный, он меняется, а компонент не перендаривается

codesandbox.io

У меня вопрос по поводу camel case именования пропсов когда делашеь react clone element

и?

тут дело не в camelCase же?

если написать все мелкими буквами ворнинга нет

и вот я не вкурил почему ?

16 реакт?

кажется, поэтому https://reactjs.org/blog/2017/09/08/dom-attributes-in-react-16.html