React Stateless Functional Component - Image Gallery

image.js

import React from "react";

let Image = props => {
  let source = props.source;

  let style = {
    margin: "10px 5px 0px 5px"
  };

  return <img src={source} style={style} />;
};

export default Image;

ImageGallery.js

// App.js
import React, { Component } from "react";
import Images from "./images";

class App extends Component {
  state = {
    images: [
      "https://loremflickr.com/320/240?random=1",
      "https://loremflickr.com/320/240?random=2",
      "https://loremflickr.com/320/240?random=3"
    ]
  };
  render() {
    return (
      <div className="App">
        <Images data={this.state.images} />
      </div>
    );
  }
}

export default App;

images.js

import React from "react";
import Image from "./image";

let Images = props => {
  return props.data.map(image => {
    return <Image source={image} key={image} />;
  });
};

export default Images;