feat: Init result on state while TagToolInstanceAdaptor mounted

packages/lb-components/src/components/videoPlayer/TagToolInstanceAdaptor.tsx

@@ -15,6 +15,7 @@ import { IStepInfo } from '@/types/step';
 import _ from 'lodash';
 import type { ObjectString } from './types';
 import { getKeyCodeNumber } from './utils';
+import { IFileItem } from '@/types/data';
 
 export interface IVideoTagInstanceAdaptorProps {
   imgIndex: number;
@@ -28,15 +29,15 @@ export interface IVideoTagInstanceAdaptorProps {
   stepList: IStepInfo[];
 }
 
-interface ITagInstanceAdaptorState {
+interface IVideoTagInstanceAdaptorState {
   tagResult: any[];
   labelSelectedList: any;
   valid: boolean;
 }
 
 export class TagToolInstanceAdaptor extends React.Component<
   IVideoTagInstanceAdaptorProps,
-  ITagInstanceAdaptorState
+  IVideoTagInstanceAdaptorState
 > {
   public fns: { [key: string]: () => void } = {};
 
@@ -235,21 +236,32 @@ export class TagToolInstanceAdaptor extends React.Component<
   public componentDidMount() {
     document.addEventListener('keydown', this.keydown);
     this.props.onMounted(this);
+    this.setResultFromImgList(this.props);
   }
 
   public componentWillUnmount() {
     document.addEventListener('keydown', this.keydown);
     this.props.onUnmounted();
   }
 
+  public setResultFromImgList = (props: IVideoTagInstanceAdaptorProps) => {
+    const { imgList, imgIndex, step } = props;
+
+    if (!imgList[imgIndex]) {
+      return;
+    }
+
+    const res = jsonParser(imgList[imgIndex].result)[`step_${step}`];
+    this.setState({
+      tagResult: res?.result ?? [],
+      valid: res?.valid === undefined ? true : res.valid,
+    });
+  };
+
   /** Observer imgIndex and set tagResult */
-  public shouldComponentUpdate({ imgIndex, imgList, step }: IVideoTagInstanceAdaptorProps) {
-    if (imgIndex !== this.props.imgIndex) {
-      const res = jsonParser(imgList[imgIndex].result)[`step_${step}`];
-      this.setState({
-        tagResult: res?.result ?? [],
-        valid: res.valid,
-      });
+  public shouldComponentUpdate(props: IVideoTagInstanceAdaptorProps) {
+    if (props.imgIndex !== this.props.imgIndex) {
+      this.setResultFromImgList(props);
     }
     return true;
   }