Hi
After set content property in React Toast with state, but it dosen`t show dynamic content. my dynamic content fetched with signalr.everything is ok.console.log(this.state.message) printed correct value but in Toast content dosen`t appeared.
import React, { Component } from 'react';
import { ToastComponent } from '@syncfusion/ej2-react-notifications';
import * as signalR from '@aspnet/signalr';
class Notification extends React.Component {
constructor() {
super(...arguments);
this.position = { X: 'Right', Y: 'Top' }
this.state = { message:null}
}
toastCreated() {
this.toastInstance.show({ timeOut: 0 })
}
componentDidMount() {
const notifConn = new signalR.HubConnectionBuilder().withUrl("/notif").build();
notifConn.on("ReceiveMessage",(msg) => {
this.setState({ message: msg });
});
notifConn.start().then(function () {
notifConn.invoke("SendNotification");
}).catch(function (er) {
console.log(er.toString());
});
}
render() {
return (
<div>
<ToastComponent
//id='toast_target'
ref={toast => this.toastInstance = toast}
title={this.state.message}
content={this.state.message}
position={this.position}
showCloseButton
created={this.toastCreated = this.toastCreated.bind(this)}
/>
</div>
);
}
}
export default Notification;
