CSSTransition和react-tabs，React.Children.only预期

问题描述

我试图对TabPanel制作一些动画，并不断向我发送此错误 （错误：React.Children.only只希望接收一个React元素的子元素。） 如果我将标签的反面移到其他地方，它将通过错误

import React strong textfrom "react";
import {Tab,TabList,TabPanel,Tabs} from 'react-tabs';
import {Csstransition} from 'react-transition-group';

function App() {
   return (
       <div>
        <Tabs>
         <TabList>
                <Tab>Overview</Tab>
                <Tab>Education</Tab>
            </TabList>
            <Csstransition in={true}
                           apear={true}
                           timeout={50}
                           classNames="fade">
                <TabPanel>
                       <h1>Text 1 Here</h1>
                    </TabPanel>
                </Csstransition>
               <TabPanel>
                   <h1>text 2 Here</h1>
               </TabPanel>
           </Tabs>
        </div>
    )
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）