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

Question

我试图为 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>
    )
}

标签： cssreactjscss-transitionsreact-transition-groupreact-tabs