Planet.js

import React, { Component } from 'react';

class Planet extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        let planets = this.props.planets;
        console.log("check data : ", planets);
        let optionItems = planets.map((planet) =>
            <option key={planet.name}>{planet.name}</option>
        );

        return (
            <div className="row">
                <h4>demo output</h4>
                <button className="btn">name</button>
                <select>
                    <option value="volvo">Volvo</option>
                    <option value="saab">Saab</option>
                    <option value="mercedes">Mercedes</option>
                    <option value="audi">Audi</option>
                </select>
                <select className="form-control">
                    <option value="name">Name</option>
                    {optionItems}
                </select>
            </div>
        )
    }
}

export default Planet;