修改bug

one_stop_public/libs/Neo4jD3Com.jsx

@@ -2,8 +2,10 @@ import React from 'react'
 import Neo4jD3 from '@/webPublic/one_stop_public/utils/Neo4jD3'
 import UUID from 'react-native-uuid';
 export default class Neo4jD3Com extends React.Component {
-
-    uid=UUID.v4()
+    state={
+        uid:UUID.v4()
+    }
+    
     
    
       triggerChange = (changedValue) => {
@@ -14,24 +16,57 @@ export default class Neo4jD3Com extends React.Component {
         }
     }
     data
+    q
     componentWillReceiveProps(nextProps) {
+        if ('option' in nextProps&&nextProps.option&&nextProps.option.neo4jData) {
+          
+            if(this.neo4jd3==null){
+                
+                this.q=nextProps.option.q
+               this.neo4jd3=this.init(nextProps.option.neo4jData)
+            }else{
+                if(this.q!=nextProps.option.q){
+                    const newuid=UUID.v4()
+                    this.q=nextProps.option.q
+                    this.setState({uid:UUID.v4()},()=>{
+                       
+                        this.init(nextProps.option.neo4jData,newuid)
+                    })
+                  
+                   
+                }
+                
+            }
+        }
+         
+  }
+  /*   componentWillReceiveProps(nextProps) {
         // Should be a controlled component.
         if ('option' in nextProps&&nextProps.option&&nextProps.option.neo4jData) {
           
             if(this.neo4jd3==null){
-               this.data=nextProps.option.neo4jData
-               this.init(nextProps.option.neo4jData)
+               this.q=nextProps.option.q
+               this.neo4jd3=this.init(nextProps.option.neo4jData,this.uid)
             }else{
-                if(JSON.stringify(this.data)!=JSON.stringify(nextProps.option.neo4jData)){
-                    this.neo4jd3.updateWithD3Data(nextProps.option.neo4jData)
-                    this.data=nextProps.option.neo4jData
+                if(this.q!=nextProps.option.q){
+                    const newuid=UUID.v4()
+                    this.neo4jd3.clear()
+                    var test=document.createElement('div');
+                    test.setAttribute("id","id_"+newuid);
+                    test.setAttribute("key",newuid);
+                   
+                    console.log(document.getElementById("zhishi"));
+                    document.getElementById("zhishi").append(test)
+                   
+                    this.neo4jd3=this.init(nextProps.option.neo4jData,newuid)
+                    this.q=nextProps.option.q
                 }
                 
             }
          
         }
     }
-    
+     */
     changePos=(obj)=>{
      
        
@@ -44,7 +79,7 @@ export default class Neo4jD3Com extends React.Component {
     neo4jd3
     init=(neo4jData)=>{
       
-             this.neo4jd3 = new Neo4jD3 ('#id_'+this.uid, {
+             return new Neo4jD3 ('#id_'+this.state.uid, {
                 highlight: [
                     {
                         class: 'Project',
@@ -132,7 +167,9 @@ export default class Neo4jD3Com extends React.Component {
     render() {
      
         return (
-            <div id={"id_"+this.uid} style={{height:500}}></div>
+            <div id="zhishi">
+                <div id={"id_"+this.state.uid} style={{height:500}}> </div>
+           </div>
           );
         
     }