JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3
  • Score
    100M100P100Q34865F
  • License MIT

Identifier geocoder for country selector on react

Package Exports

  • react-geoidentify-country-selector

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-geoidentify-country-selector) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Support me with a Follow

react-geoidentify-country-selector

The best country selector on react with Identifier geocoder of current position.

This component support the display 3 standard:

  • ISO Alpha-2: "ISOALPHA2Code": "GE"
  • ISO Alpha-3: "ISOALPHA3Code": "GEO"
  • ISO Numeric Country Codes: "ISONumericalCode": 268

See Demo

Installation

$ npm i react-geoidentify-country-selector --save

or

$ yarn add react-geoidentify-country-selector

Basic Usage

ES6 with JSX example

import React from 'react';
import CountrySelector from 'react-geoidentify-country-selector';

class App extends React.Component {
    getSelectedCountry(coutryObject) {
        console.log(coutryObject);
        /*
            {
                countryName: "Georgia",
                ISOALPHA2Code: "GE",
                ISOALPHA3Code: "GEO",
                ISONumericalCode: 268
            }
        */
    }
    render() {
        return (
            <div>
                <CountrySelector
                    defaultCountry="Georgia" // First priority
                    // defaultISOALPHA2Code="KZ" // Second priority
                    // defaultISOALPHA3Code="KEN" // Third priority
                    // defaultISONumericalCode={410} // Fourth priority
                    getSelectedCountry={coutryObject => this.getSelectedCountry(coutryObject)}
                />
            </div>
        );
    }
}

export default App;

##See Also

Licence

MIT