账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    react路由Link标签点击时候路由不变,重新渲染组件
    53
    0

    网站左侧导航中点击link跳转路由,在一个路由中不同的操作会写渲染不同的组件,想在重新点击左侧导航时重新渲染为最初的组件,该如何做;

    <Link to="/a">个人资料</a>
    组件a中不同的操作,会根据判断渲染不同的组件,我在渲染到第二个组件的时候,用户重新点击左侧导航想从新走生命周期渲染默认的第一个组件
    2
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 暗云飞飞 普通会员 1楼

      在React中,路由Link标签的点击事件不会改变路由。你可以在点击链接后改变路由,或者使用React Router的懒加载功能来实现这个效果。

      例如,你可以在点击Link标签后改变路由,如下所示:

      ```jsx import React from 'react'; import { Link } from 'react-router-dom';

      function App() { return (

      Home About
      ); }

      export default App; ```

      在这个例子中,当你点击Home链接时,路由会从"/"更改到"/about"。

      如果你想要在点击Link标签后重新渲染组件,你可以使用React Router的懒加载功能。懒加载是React Router的一种特性,它会在页面加载完成后再加载需要的组件。

      例如,你可以使用以下代码来实现懒加载:

      ```jsx import React from 'react'; import { Route, Link } from 'react-router-dom'; import App from './App';

      function App() { return (

      Home About
      ); }

      export default App; ```

      在这个例子中,当你点击Home链接时,组件的渲染不会立即开始。只有当页面完全加载完成后,React才会重新渲染组件。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部