(优化):

src/components/LabAndImg/index.tsx

@@ -7,7 +7,7 @@ import LabAndImgShow from '../LabAndImgShow'
 
 //该组件宽高为100%需调整外层元素宽高
 type Param = {
-  value?: {
+  value: {
     texture_url?: string //纹理图路径
     lab?: { l: number; a: number; b: number } //lab
     rgb?: { r: number; g: number; b: number } //rgb
@@ -21,7 +21,7 @@ export default memo(({ value, onClick, showStatus = false }: Param) => {
 
   //lab是否都是0
   const rgbStyle = useMemo(() => {
-    if (value?.lab && (value.lab.l || value.lab.a || value.lab.b)) {
+    if (value?.lab && (value?.lab.l || value?.lab.a || value?.lab.b)) {
       return { backgroundColor: `rgb(${value.rgb?.r} ${value.rgb?.g} ${value.rgb?.b})` }
     } else {
       return null
@@ -30,10 +30,10 @@ export default memo(({ value, onClick, showStatus = false }: Param) => {
 
   useEffect(() => {
     if (value?.texture_url) {
-      let res = value.texture_url.split(',').map((item) => {
+      let imgs = value.texture_url.split(',').map((item) => {
         return formatImgUrl(item)
       })
-      setImgs(() => res)
+      setImgs(() => imgs)
     }
   }, [value])
 
@@ -41,6 +41,7 @@ export default memo(({ value, onClick, showStatus = false }: Param) => {
   const closeLabAndImgShow = useCallback(() => {
     setLabAndImgShow(false)
   }, [])
+
   const onShowLabAndImg = () => {
     onClick?.(value)
     if (!showStatus) return false
@@ -50,9 +51,9 @@ export default memo(({ value, onClick, showStatus = false }: Param) => {
   return (
     <>
       <View className={styles.labAndImg_main} onClick={() => onShowLabAndImg()}>
-        {imgs?.length > 0 && <Image mode='aspectFill' src={imgs[0]} className={styles.labAndImg_image}></Image>}
-        {!imgs?.length && rgbStyle && <View className={styles.boxColor} style={{ ...rgbStyle }}></View>}
-        {!imgs?.length && !rgbStyle && <Image mode='aspectFill' src={formatImgUrl('')} className={styles.labAndImg_image}></Image>}
+        {value.texture_url && <Image mode='aspectFill' src={imgs[0]} className={styles.labAndImg_image}></Image>}
+        {!value.texture_url && rgbStyle && <View className={styles.boxColor} style={{ ...rgbStyle }}></View>}
+        {!value.texture_url && !rgbStyle && <Image mode='aspectFill' src={formatImgUrl('')} className={styles.labAndImg_image}></Image>}
       </View>
       <LabAndImgShow value={value} show={labAndImgShow} onClose={closeLabAndImgShow} />
     </>