cloneElement in app.js occurs error

[edwardfxiao]

相关平台

微信小程序

小程序基础库: 2.26.0
使用框架: React

复现步骤

app.js: return <View>{props.children}</View> -> return <View>{cloneElement(props.children)}</View>;

OR

app.js: return this.props.children -> return cloneElement(this.props.children)

期望结果

No error and renders the children.

实际结果

Error: Minified React error ...

环境信息

👽 Taro v3.5.5


  Taro CLI 3.5.5 environment info:
    System:
      OS: macOS 12.0.1
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 16.13.0 - ~/.nvm/versions/node/v16.13.0/bin/node
      Yarn: 1.22.18 - ~/.nvm/versions/node/v16.13.0/bin/yarn
      npm: 8.1.0 - ~/.nvm/versions/node/v16.13.0/bin/npm
    npmPackages:
      @tarojs/cli: 3.5.5 => 3.5.5
      @tarojs/components: 3.5.5 => 3.5.5
      @tarojs/helper: 3.5.5 => 3.5.5
      @tarojs/plugin-framework-react: 3.5.5 => 3.5.5
      @tarojs/plugin-platform-alipay: 3.5.5 => 3.5.5
      @tarojs/plugin-platform-jd: 3.5.5 => 3.5.5
      @tarojs/plugin-platform-qq: 3.5.5 => 3.5.5
      @tarojs/plugin-platform-swan: 3.5.5 => 3.5.5
      @tarojs/plugin-platform-tt: 3.5.5 => 3.5.5
      @tarojs/plugin-platform-weapp: 3.5.5 => 3.5.5
      @tarojs/react: 3.5.5 => 3.5.5
      @tarojs/router: 3.5.5 => 3.5.5
      @tarojs/runtime: 3.5.5 => 3.5.5
      @tarojs/shared: 3.5.5 => 3.5.5
      @tarojs/taro: 3.5.5 => 3.5.5
      @tarojs/taro-h5: 3.5.5 => 3.5.5
      @tarojs/webpack5-runner: 3.5.5 => 3.5.5
      babel-preset-taro: 3.5.5 => 3.5.5
      eslint-config-taro: 3.5.5 => 3.5.5
      react: ^18.0.0 => 18.2.0

If this is not technically an issue, then I am sorry to open it here.

[Chen-jj]

@edwardfxiao Because this.props.children here will be an Array.So you can't clone it.

Maybe you could try:

this.props.children.map(item => React.cloneElement(item))