使用redux仅在React组件中获取存储/状态的部分的最佳实践

Question

我通过使用redux thunk实现，即如果安装了一个组件，则通过调用API来填充存储。

所请求的数据的字段比我需要的要多得多，尤其是组件。所以，你能给我一个提示吗？最好的做法是只获取部分数据。因为存储缩减版本的数据(有点重复(不是一个好的做法，是吗？

Answer 1

如果我正确理解了这个问题，你可以使用选择器

Answer 2

您可以解构数据。

例如，当您将组件连接到redux状态时。

const mapStateToProps = state => {
relevantPartOfTheState: state.some.part.of.the.state
}

这基本上就是选择器所做的

请求的数据的字段比我需要的字段多得多，尤其是组件

您不需要保存所有内容。您可以拥有这样的内容。

switch (action.type) {
case RECEIVE_USELESS_DATA:
return action.payload.onlyRelevantData
}

Answer 3

您可以使用上面提到的选择器或类似的东西：

const mapStateToProps = state => {
relevantPartOfTheState: fetchSliceOfReducer(state)
}

fetchSliceOfReducer(state(可以是一个来自reducer文件内部的函数，在该文件中只获取部分状态。显然，您必须在组件文件中导入该函数，它才能被其他组件重用。所以，如果你所在的州类似

state = {
value: true,
name:"Michael"
}

你的函数是const fetchSliceOfReducer = state => state.value选择器更适合成长中的应用程序，上面的例子对于较小的来说是很好的