我对React比较新,正在尝试理解如何在其中使用MQTT。
我已经尝试按照这里发布的代码示例进行操作:https://www.npmjs.com/package/mqtt-react
但是没有成功。 出于某种原因,它就是无法正常工作。
这是我的代码:
App.js类:
import React, { Component } from 'react';
import './App.css';
import PostMqtt from './PostMessage.js';
import {Connector} from "mqtt-react";
class App extends Component {
render() {
return (
<div className="App">
<PostMqtt/>
</div>
);
}
}
export default () => (
<Connector mqttProps="ws://test.mosquitto.org/">
<App />
</Connector>
);
PostMessage.js 类:
import React from 'react';
import { subscribe } from 'mqtt-react';
export class PostMessage extends React.Component {
sendMessage(e) {
e.preventDefault();
//MQTT client is passed on
const { mqtt } = this.props;
mqtt.publish('sensor', 'My Message');
}
render() {
return (
<button onClick={this.sendMessage.bind(this)}>
Send Message
</button>
);
}
}
export default subscribe({
topic: 'sensor'
})(PostMessage)
有什么想法是出了问题吗? 谢谢!