React-Redux:如何访问父组件中的存储？

React-Redux是一个用于构建React应用程序的JavaScript库，它结合了React和Redux的功能，提供了一种管理应用程序状态的方式。在React-Redux中，可以通过使用Provider组件将Redux存储(store)注入到整个应用程序中，然后在组件中使用connect函数来连接Redux存储。

要访问父组件中的存储，首先需要确保父组件已经将Redux存储注入到应用程序中。可以通过在父组件的根节点上使用Provider组件来实现：

import { Provider } from 'react-redux';
import store from './store'; // 导入Redux存储

const App = () => {
  return (
    <Provider store={store}>
      {/* 应用程序的其他组件 */}
    </Provider>
  );
};

在父组件中，Redux存储将通过Provider组件传递给整个应用程序。接下来，在子组件中，可以使用connect函数来连接Redux存储，并将存储中的数据映射到组件的属性中。

import { connect } from 'react-redux';

const ChildComponent = ({ data }) => {
  // 使用从父组件中的存储中获取的数据
  return (
    <div>
      {data}
    </div>
  );
};

const mapStateToProps = (state) => {
  return {
    data: state.data // 将存储中的数据映射到组件的属性中
  };
};

export default connect(mapStateToProps)(ChildComponent);

在上面的示例中，通过connect函数将子组件与Redux存储连接起来，并使用mapStateToProps函数将存储中的数据映射到组件的属性中。然后，可以在子组件中通过props访问父组件中的存储数据。

需要注意的是，上述示例中的store是一个Redux存储的实例，可以根据具体需求进行配置和创建。关于Redux的更多信息和用法，请参考腾讯云提供的Redux相关文档和教程：

• Redux官方文档：Redux官方文档
• 腾讯云Redux产品介绍：腾讯云Redux产品介绍