react-redux使用ownProps或redux存储

React-Redux是一个用于在React应用中管理状态的库。它结合了React和Redux，提供了一个可预测的状态管理方案。

在React-Redux中，我们可以使用ownProps或Redux存储来访问和管理状态。

ownProps： ownProps是指组件自身的props。在React-Redux中，我们可以通过将ownProps作为第二个参数传递给mapStateToProps或mapDispatchToProps函数来访问这些props。ownProps可以让我们在组件中使用来自父组件的props，并将其与Redux存储中的状态进行比较或操作。

例如，假设我们有一个TodoList组件，它接收一个filter参数来过滤显示的待办事项。我们可以使用ownProps来访问这个filter参数，并根据它从Redux存储中选择相应的待办事项。

const mapStateToProps = (state, ownProps) => {

 return {

   todos: state.todos.filter(todo => todo.filter === ownProps.filter)

};

};

推荐的腾讯云相关产品：无

Redux存储： Redux存储是一个全局的状态容器，用于存储应用程序的状态。在React-Redux中，我们可以使用Redux存储来存储和管理应用程序的状态，并通过connect函数将状态映射到组件的props上。

例如，假设我们有一个Counter组件，它需要显示一个计数器的值，并提供增加和减少计数器的功能。我们可以使用Redux存储来存储计数器的值，并通过connect函数将其映射到Counter组件的props上。

const mapStateToProps = state => {

 return {

   count: state.counter

};

};

const mapDispatchToProps = dispatch => {

 return {

   increment: () => dispatch({ type: 'INCREMENT' }),

   decrement: () => dispatch({ type: 'DECREMENT' })

};

};

export default connect(mapStateToProps, mapDispatchToProps)(Counter);

推荐的腾讯云相关产品：无

总结：

React-Redux提供了ownProps和Redux存储两种方式来访问和管理状态。ownProps可以让我们在组件中使用来自父组件的props，并将其与Redux存储中的状态进行比较或操作。Redux存储是一个全局的状态容器，用于存储应用程序的状态，并通过connect函数将状态映射到组件的props上。这些功能可以帮助我们更好地管理和共享状态，提高应用程序的可维护性和可扩展性。