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

Question

В моем коде три компонента.

• cart.js
• datepicker.js
• usertotal.js

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

• action.js

И функция-редуктор, обрабатывающая действия с actions.js

Каждый компонент имеет получать данные с помощью действия {dispatch}.

Мне нужно изменить данные с помощью действия (если состояние компонента изменилось), а затем передать их обратно другим компонентам в моем приложении.

Как это построено?

Answer 1

После того, как вы подключили свое хранилище редуксов к своему приложению реагирования, используя подход, рекомендованный @Abhisar. Ваш компонент автоматически следит за вашим состоянием на предмет изменений и повторно отображает каждый раз, когда происходит изменение в вашем состоянии приращения.

Также см. Официальный React Redux Do c

Answer 2

Я полагаю, вам нужно использовать connect и mapStateToProps для этого требования. Нам нужно использовать функцию подключения из react-redux, ваш компонент будет выглядеть примерно так:

import { connect } from "react-redux";
import {Component} from "react";

class YourComponent extends Component {
    constructor(props){
        super(props);
        this.state = props.data;
    }
    // Your component code.....
}

export const mapStateToProps = state => ({
  data: state.data,
});

export default connect(mapStateToProps)(YourComponent);