Question

我在下拉列表中清除选择时遇到问题。因为期权人口变化，我有时必须清除选择下拉列表。如果新选项长度小于前一个选项长度，则选择指向范围之外的错误。

简单示例：（见：[https://developer.microsoft.com/en-us/fabric#Variants][1]）

＆＃13;

import csv


#traceroute
traceroute_output = """
185.86.232.2     0.512 ms    0.453 ms    0.414 ms
188.95.232.58    0.795 ms    0.765 ms    0.731 ms
188.95.232.67    1.493 ms    1.463 ms    1.560 ms
188.1.239.85     1.853 ms    1.827 ms    2.001 ms
"""
reader = csv.reader(traceroute_output.splitlines(), delimiter=' ', skipinitialspace=True)

for row in reader:
    if len(row)< 7:
        #neglecting invalid values
        continue
    key_value = row.pop(0)

＆＃13;

我唯一能想到的是可能控制selectedKey，即将selectedItem.key设置为null / undefined以清除它但是我没有得到任何运气的解决方案..

Answer 1

我遇到的问题是我没有同时更改我的选项和所选的ID。我所做的是将每个下拉列表与一个对象相关联：

＆＃13;

// ...async call .then( (newFruits) => ...
this.fruits = {
  selectedId: null,
  options: ['My','newly', 'fetched','fruits','array']
};

＆＃13;

......水果将是你的可观察阵列。

＆＃13;

<Dropdown
    selectedKey={ fruits && fruits.selectedId }
    onChanged={ this.myFuncThatCallsApiWithNewId }
    options={fruits.options}
/>

＆＃13;

清除下拉选择office-ui-fabric反应组件

1 个答案: