如何使用React钩子+ Redux

时间:2019-02-26 08:13:14

标签: reactjs react-redux


这是用钩子连接Redux商店的最佳方法吗?

嗨,我正在使用连接到Redux的React钩子制作一个简单的todo应用程序。我创建的模式有效,但我想知道自己做对了吗,这种方法是否有问题,应该使用另一种模式吗?

App.jsx

  const [initialTodos, updateTodos] = useState(store.getState());

  const cleanup = store.subscribe(() => updateTodos(store.getState()));

  useEffect(() => {
    return () => cleanup();
  });
  

其他组件中的分派发生+ todo应用程序起作用

谢谢您的输入

2 个答案:

答案 0 :(得分:1)

事实证明,最好也使用'react-redux'connect

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

connect(mapStateToProps)(Component)

由于connect会自动处理store.subscribe等问题。

所以所有的钩子都放在一起:)

答案 1 :(得分:0)

$recycleBin = (New-Object -ComObject Shell.Application).NameSpace(0xa) $recycleBin.Items() | ForEach-Object -Process { Remove-Item -Path $_.Path -Force -Recurse } 软件包从v7.1开始支持钩子。可以使用Redux钩子代替react-redux函数。

这是一个实现计数器的示例,该计数器的值由Redux管理。

connect()

来源:https://react-redux.js.org/api/hooks