如何通过Redux将Badge值传递给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" />)
     }
  }

现在，您可以添加新组件而不是徽章组件。