在React Native上收到消息MQTT时更新值吗？

如何解决在React Native上收到消息MQTT时更新值吗？

我对使用React很陌生，我正在做一个项目来学习。

当我在mqtt中收到带有this.setState的消息时，我正在尝试更新值，但是它会引发错误（this.setState不是函数）。

import './App.css';
import DoughnutChart from './components/Chart';

var mqtt = require('mqtt')
var host = 'ws://localhost:9003'
var client = mqtt.connect(host)

class App extends Component {
  constructor(){
    super();
    this.state = {
      response: [5,7],response2: [5,}
  }
  componentDidMount() {
    
    client.on('connect',function () {
      console.log('client connected:')
      client.subscribe('topic',{ qos: 0 })
    })

    client.on('message',function (topic,message,packet) {
      console.log('Received Message:= ' + message.toString() + '\nOn topic:= ' + topic)
      this.setState({ response2: [4,96]});
    })
    
    
  }

  render() {
    return (
      <div className="App">
          <DoughnutChart id="Tercer" temp={this.state.response}/>
          <DoughnutChart id="cuarto" temp={this.state.response2}/>
      </div>
    );
    
  }
}

export default App;

kkk