Using in React about javascript

[Florimond]

I am no React dev myself, but what I did is

npx create-react-app my-app

Then I installed emitter with nmp install emitter-io

Then I modified the app.js to obtain the following :

(sorry for the format, it's not me, it's github)

`
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
var emitter = require('emitter-io')

class App extends Component
{
constructor(props)
{
super(props)
//this.someFunction = this.someFunction.bind(this)
let client = emitter.connect();
client.subscribe({
key: "YgBLv3zD4e2Vz_jdZUR1ojZlJiABlhTD",
channel: "test"
});

	client.on('message', function(msg){
		console.log( msg.asString() );
	});

	// publish a message to the chat channel
	client.publish({
		key: "YgBLv3zD4e2Vz_jdZUR1ojZlJiABlhTD",
		channel: "test",
		message: "hello, emitter!"
	});
}    

render() {
return (
...
`

And this works fine. But maybe I'm not using React the proper way? Tell me more about how you do it...

[Florimond]

Not sure I understand the issue... You can register any function in client.on('message'), including an arrow function of the component. From this arrow function, can't you just do this.setState({...}) ?

[fauzanmasulili]

how to pass message to state?

[fauzanmasulili]

thanks man, it works using an arrow function