如何使用 Redux 将徽章值传递给 React Native 上的 BottomTabBar

Question

如何使用 Redux 更改 BottomTabBar 上的徽章值？

带有 Redux (99+) 的 BottomTabBar 上的值徽章我想用 redux 的值更改它

连接

Answer 1

您需要创建一个新组件来处理状态变化

class Mybadge extends Component {
  constructor() {
    super();
    this.state = {
         num:99
    };
//call the following function to set badge number
    functionToSetBadgeNum(num){
      this.setState({num:num})
      }
    render(){
     return (<Badge value={this.state.num} status="error" />)
     }
  }

现在您可以添加新组件而不是 Badge 组件。

如何使用 Redux 将徽章值传递给 React Native 上的 BottomTabBar

How to pass Badge Value with Redux to BottomTabBar on React Native

javascript

reducers

reactjs

react-native

react-redux