fix: react16 warning

examples/multi-picker.native.tsx

@@ -2,6 +2,7 @@
 import MultiPicker from '../src/MultiPicker';
 import React from 'react';
 import { View } from 'react-native';
+import createReactClass from 'create-react-class';
 
 const cols = [
   {
@@ -36,7 +37,7 @@ const cols = [
   },
 ];
 
-const Test = React.createClass({
+const Test = createReactClass({
   getInitialState() {
     return {
       value: ['1', '2'],

examples/multi-picker.tsx

@@ -4,6 +4,7 @@ import 'rmc-picker/assets/index.less';
 import MultiPicker from '../src/MultiPicker';
 import React from 'react';
 import ReactDOM from 'react-dom';
+import createReactClass from 'create-react-class';
 
 const cols = [
   {
@@ -38,7 +39,7 @@ const cols = [
   },
 ];
 
-const Test = React.createClass({
+const Test = createReactClass({
   getInitialState() {
     return {
       value: ['1', '2'],

examples/picker.native.tsx

@@ -3,6 +3,7 @@
 import { View, TouchableHighlight, StyleSheet, Text } from 'react-native';
 import Picker from '../src/Picker';
 import React from 'react';
+import createReactClass from 'create-react-class';
 
 let count = 0;
 const len = 10;
@@ -16,7 +17,7 @@ const styles = StyleSheet.create({
   },
 });
 
-const PickerDemo = React.createClass({
+const PickerDemo = createReactClass({
   getInitialState() {
     return {
       items: this.getItems(count),

examples/picker.tsx

@@ -4,11 +4,12 @@ import 'rmc-picker/assets/index.less';
 import Picker from '../src/Picker';
 import React from 'react';
 import ReactDOM from 'react-dom';
+import createReactClass from 'create-react-class';
 
 let count = 0;
 const len = 10;
 
-const Test = React.createClass({
+const Test = createReactClass({
   getInitialState() {
     return {
       disabled: false,

examples/popup.tsx

@@ -4,14 +4,15 @@ import 'rmc-picker/assets/index.less';
 import 'rmc-picker/assets/popup.less';
 import React from 'react';
 import ReactDOM from 'react-dom';
+import createReactClass from 'create-react-class';
 // import Picker from '../src/Picker';
 import MultiPicker from '../src/MultiPicker';
 
 import Popup from '../src/Popup';
 
 const colData = [{ label: '1', value: '1' }, { label: '2', value: '2' }];
 
-const Demo = React.createClass({
+const Demo = createReactClass({
   getInitialState() {
     return {
       disabled: false,

package.json

@@ -45,6 +45,7 @@
   "dependencies": {
     "babel-runtime": "6.x",
     "classnames": "2.x",
+    "create-react-class": "^15.5.3",
     "object-assign": "4.x",
     "rc-dialog": "^6.4.0",
     "rc-touchable": "^1.0.2",

src/MultiPicker.native.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
+import createReactClass from 'create-react-class';
 import Picker from './Picker';
 import MultiPickerProps from './MultiPickerProps';
 import MultiPickerMixin from './MultiPickerMixin';
@@ -16,7 +17,7 @@ const styles = StyleSheet.create({
   },
 });
 
-const MultiPicker = React.createClass<MultiPickerProps, any>({
+const MultiPicker = createReactClass<MultiPickerProps, any>({
   mixins: [MultiPickerMixin],
 
   render() {

src/MultiPicker.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
 import classnames from 'classnames';
+import createReactClass from 'create-react-class';
 import Picker from './Picker';
 import MultiPickerProps from './MultiPickerProps';
 import MultiPickerMixin from './MultiPickerMixin';
 
-const MultiPicker = React.createClass<MultiPickerProps, any>({
+const MultiPicker = createReactClass<MultiPickerProps, any>({
   mixins: [MultiPickerMixin],
 
   render() {

src/NativePicker.android.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ScrollView, View, StyleSheet, PixelRatio, Text } from 'react-native';
+import createReactClass from 'create-react-class';
 import PickerMixin from './PickerMixin';
 import { IPickerProps } from './PickerTypes';
 
@@ -31,7 +32,7 @@ const styles = StyleSheet.create({
   } as any,
 });
 
-const Picker = React.createClass<IPickerProps, any>({
+const Picker = createReactClass<IPickerProps, any>({
   mixins: [PickerMixin],
 
   getDefaultProps() {

src/Picker.native.tsx

@@ -1,11 +1,12 @@
 import React from 'react';
+import createReactClass from 'create-react-class';
 import NativePicker from './NativePicker';
 import { IPickerProps } from './PickerTypes';
 import isChildrenEqual from './isChildrenEqual';
 
 const Item = (NativePicker as any).Item;
 
-const Picker = React.createClass<IPickerProps, {}>({
+const Picker = createReactClass<IPickerProps, {}>({
   getDefaultProps() {
     return {
       pure: true,

src/Picker.tsx

@@ -1,11 +1,12 @@
 import React from 'react';
+import createReactClass from 'create-react-class';
 import classNames from 'classnames';
 import ZScroller from 'zscroller';
 import { IPickerProps } from './PickerTypes';
 import PickerMixin from './PickerMixin';
 import isChildrenEqual from './isChildrenEqual';
 
-const Picker = React.createClass<IPickerProps, any>({
+const Picker = createReactClass<IPickerProps, any>({
   mixins: [PickerMixin],
 
   getDefaultProps() {

src/Popup.native.tsx

@@ -1,12 +1,13 @@
+import React from 'react';
 import {
   View, TouchableHighlight, Text,
 } from 'react-native';
-import React from 'react';
+import createReactClass from 'create-react-class';
 import { IPopupPickerProps } from './PopupPickerTypes';
 import PopupMixin from './PopupMixin';
 import Modal from 'rc-dialog/lib/Modal';
 
-const PopupPicker = React.createClass<IPopupPickerProps, any>({
+const PopupPicker = createReactClass<IPopupPickerProps, any>({
   mixins: [PopupMixin],
 
   getDefaultProps() {

src/Popup.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
 import Modal from 'rc-dialog';
+import createReactClass from 'create-react-class';
 import { IPopupPickerProps } from './PopupPickerTypes';
 import PopupMixin from './PopupMixin';
 import Touchable from 'rc-touchable';
 
-const PopupPicker = React.createClass<IPopupPickerProps, any>({
+const PopupPicker = createReactClass<IPopupPickerProps, any>({
   mixins: [PopupMixin],
 
   getDefaultProps() {