需要协助解决最大更新深度超出问题

Question

我正在尝试为ScrollableTabView写一个hacky修复程序，因为它与在有选项卡开关时触发的功能不能很好地配合使用。当我用console.log替换setState时，我看到它仅在每个选项卡开关触发一次，因此不会像错误所抱怨的那样无限循环。

父容器

  state = {
    headerName: 'Loading',
  }
  setHeader = (header) => {
    this.setState({'headerName': header})
  }
  render () {
    return (
      <ScrollableTabView
        renderTabBar={() => <BottomTabBar setHeader={this.setHeader} headerNames={['A','B','C']} />}
      >
    )
  }

BottomTabBar

  render() {
    this.props.setHeader(this.props.headerNames[this.props.activeTab])
    ...
  }