Office-ui-fabric React JS下拉选择索引

Question

我在React-JS中使用Office-ui-fabric。我正在处理Dropdown，下拉列表中的值会发生变化。我的问题是我无法手动控制选定的索引。每次值更改时，都会解决上次选择的索引。 即： 狗
猫
马（已选中）

我改变了数组：
狗
猫

现在没有任何选择，因为它试图解决第3行。

我搜索了一些答案，但我得到的只是改变所选的＆＃39;行的值从FALSE到TRUE。但我没有，如果我添加它，它仍然无法正常工作

import {Dropdown} from 'office-ui-fabric-react/lib/Dropdown'
<Dropdown options={optionsArray} onChanged={(val)=> onChangeProperty(id, val.key)}>

我的选项阵列是：

cosnt optionsArray =[
{key: '1', text: "Cat"},
{key: '2', text: "Dog"},
{key: '3', text: "Horse"},
]

Answer 1

使用 selectedKey 选择下拉列表中的值。为此，您需要如下声明 useState：

const [option, setOption] = useState('');

然后你需要使用 setOption 来设置值

setOption('2'); // 2 is the key for Dog in your example

最后在 UI 中，你需要使用 selectedKey 道具

<Dropdown selectedKey={option} options={optionsArray} onChanged={(val)=> onChangeProperty(id, val.key)}>