如何强制React组件与其他变量一起更新？

Question

我想在一些绑定变量发生变化时更新React组件。实际上，这是一个存储变量，但我不想仅限于存储变量。而且，我不想在组件中提供存储，而是使用代理。甚至可能吗？

class Notifications extends React.Component {

  render() {
  const clc = this.props.clc;
  const clb = this.props.clb;
  const notifications = service.getters.notifications();

  return (
    <Container component="main" maxWidth="xs">
      <CssBaseline />
      <div className={clc}>
            <Box style={mobile?center:right} className={clb}>
              {notifications.map((row) => {
                setTimeout(() => {
                  service.actions.delNotification(row)
                  this.forceUpdate()
                },3000)
                return(<Typography key={row.id} variant="subtitle1" style={row.type === "success" ? success : error}>
                {row.message}
                </Typography>
                )}
                )}
            </Box>
      </div>
      <Box mt={1}>
      </Box>
    </Container>
  );
}
}

我的目标是将通知与service.getters绑定在一起，并在每次值发生更改时更新组件。我的限制有可能吗？