Почему, когда обновляю state в родительском компоненте в дочернем props остаються тикими же?

Question

[Vanya Huk]

вот в родительском компоненте передаю данные как пропсы дочернему

<FilteredList
                                        label={this.props._sharedData.loc.advanced_search.select_brand}
                                        data={this.state.brands}
                                    />

код дочернего

constructor(props) {


        super(props);
        
        this.state = {

            data: this.props.data,

            filteredData: this.props.data

        };


        console.log( this.state )

    }

вот вывод в консоль дочернего елемента



и вот та дата, которую передаю

т.е. массив не пустой

Answer 1

[Антон Спирин]

Вы задаете state в конструкторе. Конструктор вызывается лишь раз, при инициализации компонента.
this.props.data обновляется, просто, вы его, видимо, не используете.

Насколько я понимаю вашу задачу, вам нет никакого смысла писать props в state. Просто используйте props напрямую в методе render и все. Если надо их менять по какому либо событию, то предавайте дополнительно хандлер из родителя.

Старайтесь избегать макарон вида:

label={this.props._sharedData.loc.advanced_search.select_brand}

Comments

[Vanya Huk]

Антон Спирин :
не так все просто)
вот переписал код вот етой библиотеки, немножко

ListFilter
и мне нужно в state записывать props, так как потом с ними работатьнужно

[Антон Спирин]

Vanya Huk, в чем проблема тогда? Не хотите обновлять не обновляйте.
На вопрос ваш я ответил. props обновляются.
И все очень просто на самом деле. Надо правильно к задаче подходить.
По коду фильтра естественно не понять, что вы там поменяли и зачем.

[Vanya Huk]

Антон Спирин : функции те же, но render() возвращает мой html, суть не в етом

[Антон Спирин]

Vanya Huk, если функции те же, то проблем тем более быть не должно.
Фильтр который вы взяли за основу забирает props только при инициализации. Реализация фильтра, к слову, не самая хорошая.

[Vanya Huk]

Антон Спирин, а есть какие-то аналоги?

[Антон Спирин]

Vanya Huk, да тут же 60 строк кода. Тут не долго свой аналог написать)
Это не сложно.

[Vanya Huk]

Антон Спирин, прост я лару юзаю уже 4 года, за реакт первый раз взялся, не все понимаю в нем