switch tab

render-process/Editor/index.tsx

@@ -33,6 +33,10 @@ export default class Editor extends React.Component<EditorProps, EditorState> {
     this.ref = React.createRef();
   }
 
+  shouldComponentUpdate() {
+    return !this.graph;
+  }
+
   componentDidMount() {
     const graph = new TreeGraph({
       container: this.ref.current,
@@ -206,7 +210,7 @@ export default class Editor extends React.Component<EditorProps, EditorState> {
   onSelectNode(node: string | INode) {
     const graph = this.graph;
     var curNode: INode;
-    if(typeof node == "string") {
+    if (typeof node == "string") {
       curNode = graph.findById(node) as INode;
     } else {
       curNode = node;
@@ -223,6 +227,7 @@ export default class Editor extends React.Component<EditorProps, EditorState> {
   }
 
   render() {
+    console.log("render editor")
     const { curNode } = this.state;
     return (
       <div className="editor">

render-process/index.tsx

@@ -245,7 +245,8 @@ export default class Main extends Component {
   }
 
   render() {
-    const { workspace, filepaths } = this.state;
+    console.log("render main");
+    const { workspace, filepaths, curPath } = this.state;
     document.title = `行为树编辑器 - ${workspace}`;
     return (
       <Layout className="body">
@@ -262,6 +263,11 @@ export default class Main extends Component {
             hideAdd
             className="tabs"
             type="editable-card"
+            defaultActiveKey={curPath}
+            activeKey={curPath}
+            onChange={activeKey => {
+              this.setState({ curPath: activeKey })
+            }}
           >
             {
               filepaths.map(filepath => {