RN-actioncable

gistfile1.txt

`yarn add actioncable`

import ActionCable from 'react-native-actioncable'

const cable = ActionCable.createConsumer('ws://localhost:3000/cable');

export default class Room extends Component {
  componentDidMount () {
    this.subscription = cable.subscriptions.create(
      'ChannelName',
      {
        received (data) {
          console.log(data)
        },
        disconnect () {
          console.log('disconnected')
        },
        received (data) {
          console.log(data)
        }
      }
    )
  }
 
  componentWillUnmount () {
    this.subscription && cable.subscriptions.remove(this.subscription)
  }
  
  handleSend = (e) => {
    const data = {
      body: { action: 'DriverLocationUpdated', message: e.target.value; }
    }
    const message = {
      command: 'message',
      identifier: JSON.stringify({
        channel: 'ChannelName'
      }),
      data: JSON.stringify(data)
    }
    socket.send([message])
  }
 
  render() {
    ...
  }
}