javascript - 使用 redux 存储访问反应 createBottomTabNavigator

Question

我正在尝试拥有基于 jwt 上数据的动态选项卡导航器，但我无法弄清楚如何从中访问 redux 数据

这就是我所拥有的：

const Navigation = ({ jwt }) => {
  console.log('jwt:', jwt);
  return createBottomTabNavigator({
    FeedStack,
    WorkStack,
    ProfileStack,
    RequestStack,
  });
}
const mapStateToProps = ({
  common: { jwt },
}) => ({
  jwt,
});
export default connect(mapStateToProps)(Navigation);

jwt 可用，但导航不是有效的组件，所以我收到此错误：

Warning: Functions are not valid as a React child. This may happen if you return a Co
mponent instead of <Component /> from render. Or maybe you meant to call this functio

如何在将有效组件传递给 redux 的同时访问道具？

标签： javascriptreactjsredux

Answer 1

我认为你应该放createBottomTabNavigation一个div标签。