【Ant Design Mobile】踩坑之Tabs

用习惯了element ui，总觉得ant ui很难用，文档不怎么友好，有的示例还有那么点问题。Ant Design Mobile 的 Tabs使用index作为Tab键值，官方示例是没有问题的。但是使用自定义key，就emmmm。

假如你不看示例，直接翻到API，那么提到key的只有一个地方，如下：

其他地方再没有说明如何设置key。然后开始翻示例，还好，有相关示例，原来key是在定义tab时，作为tab的属性值的。如下：

const tabs = [
  { title: '1 Tab', key: 't1' },
  { title: '2 Tab', key: 't2' },
  { title: '3 Tab', key: 't3' },
];

好，原以为这样就成了，结果，切换tab页时，内容并没有切换。。。然后开始对比示例，看看哪里还漏掉了，苦苦找了半天，没找到。然后我思考，不切换的原因可能是内容与key值没对应起来，网上查了下，好家伙，需要给内容设置key值，如下：

<div key="t1"></div>
<div key="t2"></div>
<div key="t3"></div>

这下可算大功告成了，但是官方示例为啥没有设置嘞，难受。