我们可以在react组件中使用redux状态而不使用{connect}吗?

我们可以在react组件中使用redux状态而不使用{connect}吗?,redux,react-redux,Redux,React Redux,我通常从react-redux导入{connect},以将我的react组件连接到redux存储。 有没有其他方法可以不使用{connect}从react组件访问redux存储?有useSelector from 选择器在概念上与mapStateToProps参数大致相同。将使用整个Redux存储状态作为其唯一参数来调用选择器。每当函数组件呈现时,选择器都将运行(除非自上次呈现该组件以来,其引用没有更改,以便钩子可以返回缓存结果,而无需重新运行选择器)。useSelector()还将订阅Redu

我通常从react-redux导入{connect},以将我的react组件连接到redux存储。
有没有其他方法可以不使用{connect}从react组件访问redux存储?

有useSelector from

选择器在概念上与mapStateToProps参数大致相同。将使用整个Redux存储状态作为其唯一参数来调用选择器。每当函数组件呈现时,选择器都将运行(除非自上次呈现该组件以来,其引用没有更改,以便钩子可以返回缓存结果,而无需重新运行选择器)。useSelector()还将订阅Redux存储,并在调度操作时运行选择器

从“React”导入React
从“react redux”导入{useSelector}
导出常量计数器组件=()=>{
常量计数器=useSelector(state=>state.counter)
返回{counter}
}
import React from 'react'
import { useSelector } from 'react-redux'

export const CounterComponent = () => {
  const counter = useSelector(state => state.counter)
  return <div>{counter}</div>
}