import React, { Component } from 'react'; import Header from '../components/Header'; import { Panel, Cell, Picker } from '../../components'; import District from './district'; class Page extends Component { constructor(props) { super(props); this.state = { single: {}, multiple: {}, multiple2: {}, disabled: { value: '1', }, diy: {}, city1: {}, city2: {}, yearPicker: {}, datePicker: {}, timePicker: {}, datetimePicker: {}, diyDatePicker: {}, }; } render() { const { single, multiple, multiple2, disabled, diy, city1, city2, yearPicker, datePicker, timePicker, datetimePicker, diyDatePicker } = this.state; return (
基本 { console.log("pickerPage onOk ->", value); const _value = value.value; single.value = _value; this.setState({ single, }); }} onCancel={() => { }} /> { console.log('multiple onOk ->', value); const _value = value.map(item => item.value); multiple.value = _value; this.setState({ multiple, }); }} onCancel={() => { }} /> { console.log('multiple2 onOk ->', value); const _value = value.map(item => item.value); multiple2.value = _value; this.setState({ multiple2, }); }} onCancel={() => { }} /> { console.log(value); }} onCancel={() => { }} /> { console.log('diy onOk ->', value); const _value = value.map(item => item.value); diy.value = _value; this.setState({ diy, }); }} onCancel={() => { }} /> 城市选择器 { console.log('city1 onOk->', value); const _value = value.map(item => item.label); city1.value = _value; this.setState({ city1, }); }} onCancel={() => { }} /> { console.log('city2 onOk->', value); const _value = value.map(item => item.label); city2.value = _value; this.setState({ city2, }); }} onCancel={() => { }} /> 日期选择器 { yearPicker.value = value; this.setState({ yearPicker, }); console.log(value); }} onCancel={() => { }} /> { datePicker.value = value; this.setState({ datePicker, }); console.log(value); }} onCancel={() => { }} /> { timePicker.value = value; this.setState({ timePicker, }); console.log(value); }} onCancel={() => { }} /> { datetimePicker.value = value; this.setState({ datetimePicker, }); console.log(value); }} onCancel={() => { }} /> { diyDatePicker.value = value; this.setState({ diyDatePicker, }); console.log(value); }} onCancel={() => { }} />
); } } export default Page;