JSX do not support dynamic tagname or component

weui · Jun 27, 2019 · 84781ef · 84781ef
1 parent f8b12cd
commit 84781ef
Showing 1 changed file with 7 additions and 4 deletions.
diff --git 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
     );
 };