如何让a-select中option内容和显示的不一样？

<a-select>

<a-select-option value="jack">Jack---1</a-select-option>
<a-select-option value="lucy">Lucy---2</a-select-option>
<a-select-option value="tom">Tom---3</a-select-option>

</a-select>

选中第一个，下拉框显示的是Jack
选中第二个，下拉框显示的是Lucy
选中第三个，下拉框显示的是Tom