2


我在 React-JS 中使用 Office-ui-fabric。我正在处理一个下拉列表，下拉列表中的值发生了变化。我的问题是我无法手动控制选定索引。每次值更改时，都会处理最后选择的索引。即：
Dog
Cat
Horse（已选择）

我更改了数组：
Dog
Cat

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

我搜索了一些答案，但我得到的只是将行的“选定”值从 FALSE 更改为 TRUE。但是我没有，如果我添加它，它仍然不起作用

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

我的 optionsArray 是：

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

1 回答 1

0

使用 selectedKey 在 Dropdown 中选择值。为此，您需要如下声明 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)}>
于 2021-07-23T14:53:21.490 回答