覆盖React的内部`type`

时间:2019-04-12 13:25:00

标签: javascript reactjs styled-components

我正在使用styled-components包装一个组件,并将其传递给第3方组件,该组件将强制您通过类型检查传递的子代。

    return React.Children.map(el.props.children, child => {
      if (child && (child.type === Fragment || child.type === MenuItemInputGroup)) {
        const children = this._renderChildren(child);
        return React.cloneElement(child, null, children);
      } else if (elementMatchesType(child, MenuItem)) {
        return this._renderMenuItem(child);
      } else {
        return child;
      }
    });

使用styled-components时,type被覆盖,因此此if()支票始终落到最后的else

是否可以将类型伪造回 wrapped 组件,而不是 wrapping styled-components组件?

0 个答案:

没有答案