UiCandy

import React from 'react';

const Card = (props) => (
  <span> {props.index} | {props.details}</span>
);

Card.propTypes = {
  index: React.PropTypes.any,
  details: React.PropTypes.any
};

UiCandy

import React from 'react';
import 'whatwg-fetch';
import { Button, Icon, Input } from 'semantic-ui-react';

class SearchBox extends React.Component {
  constructor(props) {
    super(props);
    this.searchQuery = this.searchQuery.bind(this);
    this.createCity = this.createCity.bind(this);
    this.state = { search: '' };