在反应组件中，一旦使用 redux 从另一个组件更改状态，如何从状态中获取最新数据？

Question

我的代码中有三个组件。

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

以及从数据库中获取数据的操作

• action.js

和一个 reducer 函数处理来自actions.js动作

每个组件都通过操作{dispatch}接收数据。

我需要使用 action 更改数据（如果组件的状态发生更改），然后将其交还给我的应用程序中的其他组件。

这是如何构建的？

Answer 1

使用@Abhisar 推荐的方法将 redux 存储连接到 React 应用程序后。 当您的 redux 状态发生变化时，您的组件会自动监视您的状态是否发生变化并重新渲染。

另外，请参阅官方React Redux Doc

Answer 2

我相信您需要使用connect和mapStateToProps来满足此要求。 我们需要做的是使用react-redux connect 函数，你的组件看起来像这样 -：

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);