Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-select-country-list

Package Overview
Dependencies
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-select-country-list - npm Package Compare versions

Comparing version 2.2.2 to 2.2.3

2

package.json
{
"name": "react-select-country-list",
"version": "2.2.2",
"version": "2.2.3",
"description": "Maps ISO 3166-1-alpha-2 codes to English country names and match react-select options props",

@@ -5,0 +5,0 @@ "main": "country-list.js",

@@ -7,3 +7,3 @@ # react-select-country-list

Uses data from http://data.okfn.org/data/country-list
Uses data from https://www.iso.org/iso-3166-country-codes.html

@@ -24,32 +24,19 @@

```js
import React, { Component } from 'react';
import React, { useState, useMemo } from 'react'
import Select from 'react-select'
import countryList from 'react-select-country-list'
class CountrySelector extends Component {
constructor(props) {
super(props)
function CountrySelector() {
const [value, setValue] = useState('')
const options = useMemo(() => countryList().getData(), [])
this.options = countryList().getData()
this.state = {
options: this.options,
value: null,
}
const changeHandler = value => {
setValue(value)
}
changeHandler = value => {
this.setState({ value })
}
return <Select options={options} value={value} onChange={changeHandler} />
}
render() {
return (
<Select
options={this.state.options}
value={this.state.value}
onChange={this.changeHandler}
/>
)
}
}
export default CountrySelector
```

@@ -56,0 +43,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc