如何解决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 举报,一经查实,本站将立刻删除。