import React from 'react';
import {ReSelectSingle}  from 'reselect-for-react';

class App extends React.Component {

   constructor(props) {
      super(props);

      this.state = {
          selectedOption: '',
        }
        this.setSelectedOption = this.setSelectedOption.bind(this);
      }

      setSelectedOption(selectedOption) {
        this.setState({selectedOption});
      }

   render() {
      return (
         <div>
            <ReSelectSingle
            options={['Argentina', 'Colombia', 'Brazil', 'Chile', 'Venezuela', 'Germany',
                          'France', 'China', 'USA', 'Russia', 'UK' ]}
            message='Choose a country'
            getSelectedOption={this.setSelectedOption} />
         </div>
         );
   }
}

import React from 'react';
import {ReSelectMultiple}  from 'reselect-for-react';

class App extends React.Component {

   constructor(props) {
      super(props);
      this.state = {
          selectedOptions: []
        }

        this.setSelectedOptions = this.setSelectedOptions.bind(this);
      }

      setSelectedOptions(selectedOptions) {
        this.setState({selectedOptions});
      }


   render() {
      return (
         <div>
            <ReSelectMultiple
            options={['Argentina', 'Colombia', 'Brazil', 'Chile', 'Venezuela', 'Germany',
                          'France', 'China', 'USA', 'Russia', 'UK' ]}
            message='Choose one or more countries'
            max={7}
            getSelectedOptions={this.setSelectedOptions} />
         </div>
         );
   }
}