tiles.js

import React, { Component } from "react";

export default class titles extends Component {
  state = {
    tiles: []
  };

  populateTiles = () => {
    console.log("Get data");
    const newData = [
      {
        title: "bobo",
        note: "lorem ipsum"
      },
      {
        title: "anna",
        note: "lorem ipsum2"
      }
    ];
    this.setState({ tiles: newData });
  };

  render() {
    return (
      <div style={{ border: `1px solid red`, padding: `50px ` }}>
        <button onClick={this.populateTiles}>Click Me</button>

        {this.state.tiles.map(tile => (
          <div>
            <h1>{tile.title}</h1>
            <p>{tile.note}</p>
          </div>
        ))}
      </div>
    );
  }
}