A tiny fully customizable react hook which gives you full list of countries with their flags, emojis and descriptions
npm install use-react-countries> A tiny fully customizable react hook which gives you full list of countries with their flags, emojis, country calling codes, postal codes and many more...
 
- npm
``bash`
npm install --save use-react-countries
- yarn
`bash`
yarn add use-react-countries
See this codesandbox playground or /example folder if you want to play with hook.
A simple example of a component which you can copy-paste and take info about all countries.
`jsx
import { useCountries } from 'use-react-countries'
const Example = () => {
const { countries } = useCountries()
return (
Post code: {postalCode?.format}
Regex for post code:{' '}
{postalCode?.regex}
{capital}
{area}
{population}
{countryCallingCode}
API
- Country interface
javascript
type country = {
name: string,
capital: string,
area: number,
coordinates: number[],
currencies: {
name: string,
symbol: string
}[],
languages: string[],
maps: {
googleMaps: string,
openStreetMaps: string
},
postalCode: {
format: string,
regex: string
},
flags: {
png: string,
svg: string
},
population: number,
emoji: string,
countryCallingCode: string
}
``| Property | Type | Description |
| ------------------ | ---------------------------------------------- | ----------- |
| name | string | |
| capital | string | |
| area | number | |
| emoji | string | |
| flags | { png: string, svg: string } | |
| countryCallingCode | number | |
| population | number | |
| currencies | { name: string, symbol: string }[] | |
| languages | string[] | |
| maps | { googleMaps: string, openStreetMaps: string } | |
| postalCode | { format: string, regex: string } | |
| coordinates | [number, number] | |
MIT © vre2h
---
This hook is created using create-react-hook.