From 84781efa714562d766c3c66dd57beeaa2734a734 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E9=87=91=E8=8A=B1=E5=84=BF?= <o.o@mug.dog>
Date: Thu, 27 Jun 2019 19:47:19 +0800
Subject: [PATCH] JSX do not support dynamic tagname or component

---
 src/components/flex/flex_item.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/flex/flex_item.js b/src/components/flex/flex_item.js
index cf2d6f2..da17e23 100644
--- a/src/components/flex/flex_item.js
+++ b/src/components/flex/flex_item.js
@@ -9,10 +9,13 @@ import PropTypes from 'prop-types';
  */
 const FlexItem = (props) => {
     const { component, children, ...others } = props;
-    return (
-        <component className="weui-flex__item" {...others}>
-            { children }
-        </component>
+    return React.createElement(
+        component,
+        {
+            className: 'weui-flex__item',
+            ...others
+        },
+        children
     );
 };