javascript 如何在React Dual列表框的右表中显示预填充的数据?

wi3ka0sx  于 2023-05-12  发布在  Java
关注(0)|答案(1)|浏览(129)

我在我的项目中实现了React Dual Listbox库。我有一个更新员工详细信息的形式,在列表框右侧的表,我需要显示的项目,用户已选择以前提交基本的详细信息形式。
现在,每当我打开更新表单时,我都会调用一个API,它会给我用户在提交表单时选择的数据(在我的例子中是一个项目列表)。我使用这些数据来预填充react dual列表框右侧的表格,该表格显示了所选的项目。但我不能把它填满。我使用了标签的selected属性,将API中的项目数组存储到selected数组中,但仍然无法显示预填充的数据。
请参阅React Dual Listbox
如何显示预填的数据?

6fe3ivhb

6fe3ivhb1#

也许这有点晚了,但如果其他人也有同样的问题:
只需要传递选定数组中的值。

options: [
                { value: 'io', label: 'Io' },
                { value: 'europa', label: 'Europa' },
                { value: 'ganymede', label: 'Ganymede' },
                { value: 'callisto', label: 'Callisto' },
            ]

    selected: ['io', 'europa']

木卫一和木卫二选项将显示在右侧列表框中。

相关问题