在 React JS 中动态获取徽章值

【问题标题】：Getting Badge value dynamically in React JS在 React JS 中动态获取徽章值
【发布时间】：2020-01-22 10:11:56
【问题描述】：

我正在开发一个聊天小部件，我需要获取“addResponseMessage”的计数，该计数负责在前端显示机器人消息，以便我可以将该计数传递给徽章以动态显示它，我尝试了很多方法，但没有任何效果

我是新来的，对此反应和挣扎了 2 天。

【问题讨论】：

你在哪里存储计数变量？可能您应该将其保持在您的状态并在它更改为this.setState({ count: someValue }) 时进行设置，希望这会有所帮助。
能否请您详细说明，我还是无法理解。真的很有帮助

【解决方案1】：

首先，将 count 设为 state 属性。

export default class App extends React.Component
{
   constructor(props)
   {
      state = {
        count:0
      }
   }
}

现在当你需要更新计数而不是this.count++ 时

this.setState((old_state)=>{
    let new_count = ++old_state.count;
    return { count: new_count }

})

内部渲染函数将this.count替换为this.state.count。

还可以查看 react 文档，它简洁易懂

【讨论】：