react实现通讯录效果

业务描述：通过react实现一个类似通讯录的页面，并可以通过点击侧边首字母跳转到对应的用户
效果展示
因为是移动端，请按F12切换成移动端
效果展示
大致效果

步骤
1，先造一批假数据

 const users = [
                [
                {
  id: 0,  name:"a",imgUrl:white},
                {
  id: 1,  name:'ahat',imgUrl:sysImg4},
                {
  id: 2,  name:'aocial',imgUrl:sysImg4},
                {
  id: 3,  name:'aircle',imgUrl:sysImg4},
              ],
                [
                    {
  id: 4,  name:"b",imgUrl:white},
                    {
  id: 5,  name:'bhat',imgUrl:sysImg4},
                    {
  id: 6,  name:'bocial',imgUrl:sysImg4},
                    {
  id: 7,  name:'bircle',imgUrl:sysImg4},
                ]
            ,
            [
                {
  id: 8,  name:"c",imgUrl:white},