reactjs - 在 reactjs 中添加过渡到路由
问题描述
我试图在我的路线之间添加过渡。但想不通。尝试了一些示例,但没有一个有效。这是我的代码;
import { TransitionGroup, CSSTransition } from 'react-transition-group';
const Twitter = props => {
const location = useLocation();
return (
<AppContainer backgroundColor="rgb(1, 22, 39)">
<HeaderApp title_icon={twitterLogo} noBorder Color="white" />
<TransitionGroup>
<CSSTransition
key={location}
classNames="twitter-transition"
timeout={500}
>
<Switch location={location}>
<Route exact path={props.match.path} component={TwitterHome} />
<Route
path={props.match.path + '/profile'}
component={TwitterProfile}
/>
</Switch>
</CSSTransition>
</TransitionGroup>
<TwitterMenu />
</AppContainer>
);
};
解决方案
推荐阅读
- java - ViewPager 同时加载 2 个片段
- python - Plotly:如何使用 For 循环突出显示具有矩形形状的 pandas 时间序列中的某些时期?
- macos - 在 macOS 上使用 Octave 运行脚本时出现分段错误
- javascript - 如何使用 javascript 数组中的图像使用过滤器和映射函数做出反应
- codeigniter - SHA 256/512 使用 codeigniter 加盐
- python - 已安装但仍然出现 RuntimeError: PyNaCl library required in order to use voice
- c# - 排序 WPF 数据网格正在使用 IsAsync 绑定挂起整个 GUI
- excel - Excel Table Slicer - 不同的行数
- dos - 需要查找 ms-dos 应用程序的命令解决方案吗?
- c# - 希伯来语字符在 iText 7 中以相反的顺序打印