使用 Tabs 组件，您负责维护您状态下选定的选项卡，这就是它抱怨的未定义的 value 属性。因此，您需要执行以下操作：

class TabsContainer extends Component {
  state = {
    selectedTab: 'shop-setup'
  }

  handleTabClick = (event, value) => {
    this.setState({selectedTab: value});
  }
  ..
      <TabsContent
          tabs={tabData}
          selectedTab={this.state.selectedTab}
          onChange={this.handleTabClick}
      />
  ..
}

然后将 selectedTab 作为 value 传递给 Tabs ：

const TabsContent = ({ tabs, selectedTab, onChange }) => {
  ..
        <Tabs value={selectedTab} onChange={onChange}>
  ..
};

如果您不为每个 Tab 提供 value ，则初始化会更容易，因此 selectedTab 只会变成一个索引。

您还需要将 RenderTab 定义从 TabContent 中提升出来，因为它现在在每次渲染时都是全新创建的，这将导致不必要的重新挂载和可能的状态丢失。

更新：这是一个有效的 沙盒