3 回答

• 4

  上下文是一项高级功能，可能会发生变化 . 在某些情况下，它的便利性超过了它的缺点，所以像React Redux和React Router这样的库选择依赖它，尽管它具有实验性质 .

  这里的重要部分是库这个词 . 如果上下文改变了它的行为，我们作为库作者需要进行调整 . 但是，只要库不要求您直接使用上下文API，您就不必担心对其进行更改 .

  React Redux在内部使用上下文，但它不会在公共API中公开这一事实 . 所以你应该通过React Redux使用上下文比直接感觉更安全，因为如果它发生变化，更新代码的负担将在React Redux而不是你 .

  最终React Redux仍然支持将商店作为道具传递，所以如果你想完全避开上下文，你就有了这个选择 . 不过我会说这是不切实际的 .

  TLDR: Avoid using context directly unless you really know what you are doing. Using a library that happens to rely on context internally is relatively safe.

  回复于 2024-04-27T05:52:13+08:00
• 82

  我没有't know about others, but I prefer using react-redux'的连接装饰器来包装我的组件，以便只有我需要的商店的道具传递到我的组件 . 这在某种意义上证明了上下文的使用是正确的，因为我没有使用它（我知道，通常，我负责的任何代码都不会消耗它） .

  当我测试我的组件时，我测试了非包装组件 . 因为react-redux只传递了我在该组件上所需的道具，所以我现在确切知道在编写测试时我需要什么道具 .

  我想重点是，我在代码中看不到单词context，我不会消耗它，所以在某种程度上，它不会影响我！这并没有说明Facebook的“实验性”警告 . 如果上下文消失了，我会像其他人一样紧张，直到Redux更新 .

  回复于 2024-04-27T05:52:13+08:00
• 1

  有一个npm模块，可以很容易地将redux添加到react上下文中

  https://github.com/jamrizzi/redux-context-provider

  https://www.npmjs.com/package/redux-context-provider

  import React, { Component } from 'react';
  import ReduxContextProvider from 'redux-context-provider';
  import createStore from './createStore';
  import actions from './actions';
  import Routes from './routes';
  
  export default class App extends Component {
    render() {
      return (
        <ReduxContextProvider store={store} actions={actions}>
          <Routes />
        </ReduxContextProvider>
      );
    }
  }
  

  回复于 2024-04-27T05:52:13+08:00