Mapbox Directions API about react-mapbox-gl HOT 3 CLOSED

import Mapbox from 'mapbox'
import { MAPBOX_TOKEN }  from '../../config'
let mapbox = new Mapbox(MAPBOX_TOKEN)

let self =  this

mapbox.getDirections([
    start,
    end
  ], {
    profile: 'mapbox.driving',
    instructions: 'html',
    alternatives: false,
    geometry: 'geojson'
}).then(function(results) {
  let { origin, destination, routes } = results
  self.setState({
    directions: routes[0].geometry.coordinates
  })
})

  {
  this.state.directions && (
    <Layer
       type="line"
       layout={{ "line-cap": "round", "line-join": "round" }}
       paint={{ "line-color": "#4790E5", "line-width": 12 }}>
       <Feature coordinates={this.state.directions}/>
    </Layer>
  )
  }