请教 react 的 list 渲染问题

[sealingpp]

    export interface LeftBar {
        expanded?: boolean;
        name: string;
        children?: LeftBar[];
    }

  const LeftBars:LeftBar[] = [
    {
      name: '系统账号',
      children: [
        {
          name: '用户',
          children: [],
        },
        {
          name: '资源',
          children: [],
        },
      ],
    },
  ];
  const leftItems = LeftBars.map((lb) => {
    <li>{lb.name}</li>;
  });
  console.log('LeftBars', LeftBars);
  console.log('leftItems', leftItems);

[sealingpp]

这样写法有问题? 为何得到如此结果?
http://towncloud.sea8.top/index.php/s/9SiiHM9TfbNtNIn

[lalalaqwer]

箭头函数带大括号要 return

[westoy]

map 里都没 return

{}里要显性 return 的啊

[sealingpp]

@lalalaqwer
@westoy
明白了,感谢