使用mobx 监听. 修改了Color在新版本react的警告

src/UI/MaterialEditor/MaterialComponen.tsx

@@ -1,12 +1,11 @@
 import './Material.less';
 
-import { observable } from 'dob';
+import { observer } from 'mobx-react';
-import { Connect } from 'dob-react';
-import * as React from 'react';
 import { ChangeEventHandler } from 'react';
+import * as React from 'react';
 import { SketchPicker } from 'react-color';
-import { Material } from 'three';
 import * as THREE from 'three';
+import { Material } from 'three';
 
 import { FileSystem } from '../../Common/FileSystem';
 import { KeyBoard } from '../../Common/KeyEnum';
@@ -27,7 +26,7 @@ interface InputData
     updataValueCallback?,//更新数据回调函数
 }
 
-@Connect
+@observer
 export class Input extends React.Component<InputData, {}>{
     render()
     {
@@ -59,7 +58,7 @@ interface SliderData extends InputData
     step: number
 }
 
-@Connect
+@observer
 export class Slider extends React.Component<InputData, {}>{
     input: HTMLInputElement;
     remove;
@@ -130,7 +129,7 @@ export class Slider extends React.Component<InputData, {}>{
     }
 }
 
-@Connect
+@observer
 export class Check extends React.Component<InputData, {}>{
     render()
     {
@@ -156,8 +155,7 @@ export class Check extends React.Component<InputData, {}>{
     }
 }
 
-
+@observer
-@Connect
 export class Select extends React.Component<InputData, {}>{
     render()
     {
@@ -196,13 +194,11 @@ export class Select extends React.Component<InputData, {}>{
         }
     }
 }
-
+@observer
-
-@Connect
 export class Color extends React.Component<InputData, { isFocus: Boolean }>{
-    constructor()
+    constructor(p, s)
     {
-        super(null, { isFocus: false });
+        super(p, s);
         this.state = { isFocus: false }
     }
     handleClose = () =>
@@ -287,10 +283,8 @@ export class Color extends React.Component<InputData, { isFocus: Boolean }>{
     }
 }
 
-
 //Texu
-@observable
+@observer
-@Connect
 export class TextureComponent extends React.Component<InputData, {}>{
     repYEl: HTMLInputElement;
     repXEl: HTMLInputElement;
@@ -499,7 +493,7 @@ export class TextureComponent extends React.Component<InputData, {}>{
     }
 }
 
-@Connect
+@observer
 export class Config extends React.Component<{ editor: MaterialEditor }, {}>{
     render()
     {