Refactoring React components : Search 1.3.1

index.js

import React from "react";
import SearchResult from "../SearchResult";

const Search = props => {
  return (
    <div>
      <h1>The Guardian Search App</h1>
      <form onSubmit={props.handleSubmit}>
        <input
          type="text"
          value={props.value}
          onChange={props.performSearch} />
      </form>
      <div>
        {props.articles.map((article, index) => {
          return <SearchResult key={index} result={article} />;
        })}
      </div>
    </div>
  );
};

export default Search;