javascript - 我应该在初始渲染期间使用 redux 调度吗？

Question

我正在尝试建立一个电子商务商店，它要求我首先在主页上加载趋势产品列表。

在这里，我可以简单地不使用 redux 并简单地显示这种类型的数据(大致)

const trendingProducts = await get('/api/trendingProducts')
render(){
  <TrendingProducts data={this.trendingProducts.data} />
}

我在我的应用程序中使用 redux。那么我应该在其他地方进行调度以获取热门产品吗？

总而言之，我是否应该始终仅使用 Redux 调度来处理每个单独的获取/渲染？

Answer 1

Redux 是应用程序状态的存储管理。 Redux 的 dispatch 用于分派(dispatch)旨在以某种方式更新应用程序状态的操作。

因此，如果您的应用程序逻辑需要显示属于您的应用程序状态的信息 - 您需要从 Redux 存储中获取它。如果 Redux 存储中尚未提供此类信息 - 您需要从某些来源(例如 fetch)获取它并使用 dispatch 来更新应用程序的状态。如果您尝试显示的信息不是应用程序状态的一部分 - 您可以直接显示它，但在这种情况下，您也需要自己处理 React 生命周期事件，因为 React 在组件状态更改时重新绘制组件。

更新:如果您将 trendingProducts 放入组件的状态，您的示例代码将正常工作:

class MyComponent {
    constructor() {
        super();
        this.state = {
            trendingProducts: {}
        }
    }

    componentWillMount() {
        fetch('/api/trendingProducts').then(data => this.setState({trendingProducts: data}));
    }

    render() {
        return (
            <TrendingProducts data={this.state.trendingProducts}/>
        )
    }
}