Sample importing of actioncable to react component in rails

notifications_channel

import React from 'react';
import consumer from '../channels/consumer';

class NotificationsCount extends React.Component {
  constructor(props) {
    super(props)

    this.state = { count: this.props.count }
  }

  componentDidMount() {
    consumer.subscriptions.create("NotificationsChannel", {
      connected(data) {
        console.log('connected', data)
      },
      received(data) {
        //this.setState({count: data.count})
        console.log('received', data)
      }
    })
  }

  render() {
    return (
      <span className="badge" style={{color: 'red'}}>
        {this.state.count}
      </span>
    )
  }
}

export default NotificationsCount;