微信小程序父组件向子组件传递函数，执行了但是还是报错（h5可以运行）

[JokerLoLgrey]

问题描述
微信小程序父组件向子组件传递函数，执行了但是还是报错

复现步骤
1.首先我先封装了一些tabBar组件，代码如下

import Taro from '@tarojs/taro-h5';
import { AtTabBar } from 'taro-ui';
export default class Index extends Taro.Component {
  constructor() {
    super(...arguments);
    this.state = {
      current: 0
    };
  }
  handleClick(value) {
    this.setState({
      current: value
    });
    console.log(this.props);
    this.props.onCurrentPage(value);
  }
  render() {
    return <AtTabBar
      selectedColor="#212121"
      color="#BDBDBD"
      fixed={this.props.fixed}
      tabList={this.props.tabList}
      onClick={this.handleClick.bind(this)}
      current={this.state.current} />;
  }
}

2.然后我在某个页面使用了这个组件

// 这是父组件的函数
currentPage(value) {
    this.setState({
      currentPageShow: value
    });
  }
// 这个是调用这个组件
<TabBar tabList={tabList} fixed={fixed} onCurrentPage={this.currentPage.bind(this)} />

期望行为
微信小程序和h5一样能够完美运行

报错信息
这是报错信息

只执行了部分代码（页面没有切换）

系统信息

• 报错平台 [weapp]

补充信息

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[JokerLoLgrey]

已解决，但是出现新的问题

export default class Index extends Component {
  render () {
    const tabData = [{ title: '推荐',content: <TabA /> }, { title: '关注', content: <TabB /> }]
    return (
      <View className='home'>
        <Search />
        <Tabs tabList={tabData} />
      </View>
    )
  }
}

上面这段代码微信小程序报如下错误

[JokerLoLgrey]

已解决，但是出现新的问题

export default class Index extends Component {
  render () {
    const tabData = [{ title: '推荐',content: <TabA /> }, { title: '关注', content: <TabB /> }]
    return (
      <View className='home'>
        <Search />
        <Tabs tabList={tabData} />
      </View>
    )
  }
}

上面这段代码微信小程序报如下错误

这个问题绕了一下解决了,用了如下方法

const tabList = [
      {
        title: '推荐'
      },
      {
        title: '关注'
      }
    ]
    return (
      <View className='home'>
        <Search />
        <Tabs tabList={tabList}>
          <AtTabsPane current={0}>
            <TabA />
          </AtTabsPane>
          <AtTabsPane current={1}>
            <TabB />
          </AtTabsPane>
        </Tabs>
      </View>
    )

[Chen-jj]

@JokerLoLgrey props 传 JSX 要遵循以下写法 https://nervjs.github.io/taro/docs/children.html#%E7%BB%84%E5%90%88

[JokerLoLgrey]

@JokerLoLgrey props 传 JSX 要遵循以下写法 https://nervjs.github.io/taro/docs/children.html#%E7%BB%84%E5%90%88

已经解决了，就是感觉不能封装在内部不是很完美

[taro-bot]

Hello~

您的问题楼上已经提供了解决方案，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~