diff --git a/packages/code-generator/src/utils/nodeToJSX.ts b/packages/code-generator/src/utils/nodeToJSX.ts
index a60351202..db5f87c1d 100644
--- a/packages/code-generator/src/utils/nodeToJSX.ts
+++ b/packages/code-generator/src/utils/nodeToJSX.ts
@@ -96,8 +96,10 @@ export function generateReactCtrlLine(nodeItem: IComponentNodeItem): CodePiece[]
   }
 
   if (nodeItem.condition) {
+    const [isString, value] = generateCompositeType(nodeItem.condition);
+
     pieces.unshift({
-      value: `(${generateCompositeType(nodeItem.condition)}) && (`,
+      value: `(${isString ? `'${value}'` : value}) && (`,
       type: PIECE_TYPE.BEFORE,
     });
     pieces.push({