Я работаю над виджетом реагирования чата, и в этом я могу получить количество новых сообщений, которые я получаю в бейдже, но я хочу очистить пакетное значение, как только я нажму на скрытую кнопку
export default class App extends React.Component
{
constructor(props)
{
state = {
count:0
}
}
}
для увеличения значения
this.setState((old_state)=>{
let new_count = ++old_state.count;
return { count: new_count }
})
внутри функции рендеринга badge={this.state.count}
и компонент запуска выглядит так
const Launcher = ({ toggle, chatOpened, badge, bgcolor }) =>
<button type="button" style={{backgroundColor : bgcolor}} className={chatOpened ? 'rcw-launcher rcw-hide-sm' : 'rcw-launcher'} onClick={toggle}>
{chatOpened ?
<img src={close} className="rcw-close-launcher" alt="" />:
<React.Fragment><Badge badge={badge} /><img src={openLauncher} className="rcw-open-launcher" alt="" /></React.Fragment>
}
</button>;
Я не могу понять, как можно Я могу изменить значение после прочтения сообщения один раз.