无 answer 不显示下划线

dashboard/src/components/template/Wbw/WbwCase.tsx

@@ -181,17 +181,14 @@ const WbwCaseWidget = ({
     data.real.value.trim().length > 0
   ) {
     //非标点符号
+    const checkClass = answer
+      ? errorClass("case", data.case?.value, answer?.case?.value)
+      : "";
     return (
       <div className={"wbw_word_item"} style={{ display: "flex" }}>
         <Text type="secondary">
           <div>
-            <span
-              className={errorClass(
-                "case",
-                data.case?.value,
-                answer?.case?.value
-              )}
-            >
+            <span className={checkClass}>
               <Dropdown
                 key="dropdown"
                 menu={{ items, onClick }}

dashboard/src/components/template/Wbw/WbwFactorMeaning.tsx

@@ -97,17 +97,15 @@ const WbwFactorMeaningWidget = ({
   }
 
   if (typeof data.real !== "undefined" && PaliReal(data.real.value) !== "") {
+    const checkClass = answer
+      ? errorClass(
+          "factorMeaning",
+          data.factorMeaning?.value,
+          answer?.factorMeaning?.value
+        )
+      : "";
     return (
-      <div
-        className={
-          "wbw_word_item" +
-          errorClass(
-            "factorMeaning",
-            data.factorMeaning?.value,
-            answer?.factorMeaning?.value
-          )
-        }
-      >
+      <div className={"wbw_word_item" + checkClass}>
         <Text type="secondary">
           <Dropdown
             menu={{

dashboard/src/components/template/Wbw/WbwFactors.tsx

@@ -125,13 +125,11 @@ const WbwFactorsWidget = ({ data, answer, display, onChange }: IWidget) => {
         );
       }
     }
+    const checkClass = answer
+      ? errorClass("factors", data.factors?.value, answer?.factors?.value)
+      : "";
     return (
-      <div
-        className={
-          "wbw_word_item" +
-          errorClass("factors", data.factors?.value, answer?.factors?.value)
-        }
-      >
+      <div className={"wbw_word_item" + checkClass}>
         <Text type="secondary">
           <Dropdown menu={{ items, onClick }} placement="bottomLeft">
             {factors}

dashboard/src/components/template/Wbw/WbwMeaning.tsx

@@ -178,14 +178,11 @@ const WbwMeaningWidget = ({
     data.real.value.trim().length > 0
   ) {
     //非标点符号
-
+    const checkClass = answer
+      ? errorClass("meaning", data.meaning?.value, answer?.meaning?.value)
+      : "";
     return (
-      <div
-        className={
-          "wbw_word_item" +
-          errorClass("meaning", data.meaning?.value, answer?.meaning?.value)
-        }
-      >
+      <div className={"wbw_word_item" + checkClass}>
         {editable || display === "list" ? (
           meaningInner
         ) : (