请问老师,这一块的 小标题 创建 以后自带点击事件吗?还是因为在Link标签中?

来源:4-2 使用动态路由获取不同列表内容(2)

TheRoo

2021-07-20 10:39:53

怎么理解这里 点击 就自动跳到指定路径?


  getMenuItems() {

    return this.state.list.map((item=> {

      let type = item.type;

      let icon = React.createElement(Icon[type]);

      return (

        <Menu.Item key={item.id} icon={icon}>

          <Link to={`/${item.id}`}>{item.title}</Link>

        </Menu.Item>

      );

    });

  }


http://img.mukewang.com/climg/60f63776093e6c0010310164.jpg

写回答

1回答

好帮手慕久久

2021-07-20

同学你好,解答如下:

此处结构不是自带点击事件,而是因为使用了Link标签:

http://img.mukewang.com/climg/60f640c409cf697b04750166.jpg

Link标签就类似于a标签,它可以用来跳转路由(自带跳转功能),其中to属性的值,就是将路由切换成什么:

http://img.mukewang.com/climg/60f64117090500bf05500091.jpg

http://img.mukewang.com/climg/60f642030905efe208540144.jpg

所以可以通过设置to属性值,​指定跳转路径。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程