react-simple-address
react-simple-address document
Get Started
yarn add react-simple-address
Or
npm i react-simple-address
Example
cd example && yarn && yarn start
Basic Usage
Create your SimpleAddres component
const MySimpleAddres = // select city value selectedCity // select dist value selectedDist // postal code value selectedPostalCode // use to render select city options cities // use to render select dist options dists // set new value while city change handleCityChange // set new value while dist change handleDistChange // set new value while postal code change handlePostalCodeChange ...
Semantic-ui-react for example.
<Dropdown selection onChange= { } value=selectedCity placeholder="選擇縣市" options= /> <Dropdown selection onChange= { } value=selectedDist placeholder="選擇地區" options= /> <Input value=selectedPostalCode onChange= { } />
MySimpleAddres
Now you can import it anywhere.
<MySimpleAddres defaultCity='臺北市' defaultDist='中正區' defaultPostalCode='10000'/>
configs
You can replace default data with following schema.
MySimpleAddres
License
MIT License
Copyright (c) 2018 SP_Penguin