Simplest open-layers ReactJS component basic example

Map.js

import React, { Component } from 'react';

require('ol3-google-maps');
require('openlayers/css/ol.css');
require('./Map.scss');

export default class Map extends Component {

  componentDidMount() {

    let map = new ol.Map({
      layers: [
        new ol.layer.Tile({
          source: new ol.source.OSM()
        })
      ],
      target: 'map',
      view: new ol.View({
        center: [0, 0],
        zoom: 2
      })
    });

  }

  render() {
    return (
      <section className="panel-map">
        <div id="map" className="map" ref="olmap"></div>
      </section>
    );
  }

}