react-antd-form-rangerPicker:同時使用timerPicker,datePicker，解構rangePicker(時間區間選擇和日期區間選擇不在一起的兼容使用)

antd內有兩個關於時間區間選擇的對象：TimerPicker,DatePicker.他們都有自己的RangePicker,

如果一個構建中有兩個時間區間選擇框（非在一個框內同時可選擇日期和時間而是分開）

換句話說在一個組件內直接同時使用兩個組件的同名RangePicker

個人的做法時在jsx內利用變量的環境作用域，這樣就不用改名（解構出的rangePicker非自定義名字）

import {TimerPicker,DatePicker} from 'antd'
const { RangePicker } = DatePicker//日期選擇
 {/* 選擇日期 */}
                    <Form.Item label="日期" name="chosedate">
                        <RangePicker></RangePicker>
                    </Form.Item>
                    {/* 指定時間 */}
                    <Form.Item name="zhiTimer" label="指定時間">
                        {
                          (()=>{
                            const {RangePicker} = TimePicker
                            return  <RangePicker></RangePicker>
                          })()
                        }
                    </Form.Item>