support multiple lines of preview text component(#1032)

alibaba · Sep 25, 2020 · d8df7db · d8df7db
1 parent 6b65fbb
commit d8df7db
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/react-shared-components/src/PreviewText.tsx b/packages/react-shared-components/src/PreviewText.tsx
@@ -43,6 +43,12 @@ export const PreviewText: React.FC<IPreviewTextProps> & {
       value = String(
         props.value === undefined || props.value === null ? '' : props.value
       )
+      // 如果有换行符，拆分成多行
+      if (value.match('\n')) {
+        value = value
+          .split('\n')
+          .map((subStr, index) => <div key={index}>{subStr}</div>)
+      }
     }
   }
   const placeholder = isFn(context.previewPlaceholder)