https://github.com/lanif-ui/react-picker-address
仿京东移动端地址选择组件 mobile address picker component
https://github.com/lanif-ui/react-picker-address
address address-picker component picker react
Last synced: 4 months ago
JSON representation
仿京东移动端地址选择组件 mobile address picker component
- Host: GitHub
- URL: https://github.com/lanif-ui/react-picker-address
- Owner: LANIF-UI
- Created: 2018-01-23T06:50:25.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-02-04T01:50:18.000Z (over 8 years ago)
- Last Synced: 2025-07-09T16:50:43.042Z (12 months ago)
- Topics: address, address-picker, component, picker, react
- Language: JavaScript
- Homepage: https://lanif-ui.github.io/react-picker-address
- Size: 954 KB
- Stars: 18
- Watchers: 2
- Forks: 17
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-picker-address
---
react 仿京东手机端地址选择组件.
[![NPM version][npm-image]][npm-url]
[![gemnasium deps][gemnasium-image]][gemnasium-url]
[![node version][node-image]][node-url]
[![npm download][download-image]][download-url]
[npm-image]: http://img.shields.io/npm/v/react-picker-address.svg?style=flat-square
[npm-url]: http://npmjs.org/package/react-picker-address
[travis-image]: https://img.shields.io/travis/react-component/react-picker-address.svg?style=flat-square
[travis-url]: https://travis-ci.org/react-component/react-picker-address
[coveralls-image]: https://img.shields.io/coveralls/react-component/react-picker-address.svg?style=flat-square
[coveralls-url]: https://coveralls.io/r/react-component/react-picker-address?branch=master
[gemnasium-image]: http://img.shields.io/gemnasium/react-component/react-picker-address.svg?style=flat-square
[gemnasium-url]: https://gemnasium.com/react-component/react-picker-address
[node-image]: https://img.shields.io/badge/node.js-%3E=_0.11-green.svg?style=flat-square
[node-url]: http://nodejs.org/download/
[download-image]: https://img.shields.io/npm/dm/react-picker-address.svg?style=flat-square
[download-url]: https://npmjs.org/package/react-picker-address
## install
[](https://npmjs.org/package/react-picker-address)
## Usage
```js
import React from 'react';
import ReactDOM from 'react-dom';
import Picker from 'react-picker-address';
import 'react-picker-address/dist/react-picker-address.css';
import { district } from './district';
class PickerDemo extends React.Component {
state = {
visible: false,
address: '',
}
showPicker = () => {
this.setState({
visible: true,
});
}
hidePicker = () => {
this.setState({
visible: false,
});
}
onChange = (value, selectedRows) => {
this.setState({
address: selectedRows.map(item => item.title).join(','),
visible: false
})
console.log('选择值:', value);
}
render() {
return (
);
}
}
ReactDOM.render(, container);
```
## API
### props
name
type
default
description
prefixCls
String
picker-address
title
String | node
配送至
标题
className
String
跟节点class
dataSource
array
数据源
onClose
Function
关闭时回调函数
onChange
Function
选择完闭时的回调函数; (value, selectedRows) => {}
tipText
string
请选择
下一项的提示文字
value
array
初始值
## Development
```
npm install
npm start
```