1.2.0 • Published 1 year ago
react-country-region-select v1.2.0
react-country-region-select
This library offers a set of React elements that allow for displaying interlinked dropdown menus for countries(with flag/without flag) and regions (select a country, and it displays the corresponding regions)
Installation
npm i react-country-region-select
yarn add react-country-region-select
Basic Usage
It is highly user-friendly, however, do keep in mind that you will be required to keep track of the country and region values. This can be done either by storing them in your component's state or in a separate store. Below is a basic example that utilizes component state:
import React, { Component } from 'react';
import { RegionSelector, CountrySelector } from 'react-country-region-select';
const App = () => {
const [country, setCountry] = useState('');
const [region, setRegion] = useState('');
return (
<CountrySelector
showCountryFlag
label="Select Country"
value={country}
onChange={setCountry}
/>
<RegionSelector
label="Select Region"
country={country}
value={region}
onChange={setRegion}
/>
)
}
export default App
1.2.0
1 year ago