我是新的反应,并试图维护/更新应用程序中的一些现有代码。
在表单中,我们有一个react select自定义/扩展组件,其值是使用react的onChange设置的-select。在这种情况下,即使在重置状态(在组件重新呈现期间,而不是在初始呈现期间),重置选定的标签也有问题。
我已经为非多选择组件尝试了下面的代码,它确实起了作用,即当状态值被重置时,强制选择标签在UI中重新呈现。
key={`my_unique_select_key__${selected}`}然而,当我有一个‘多’选择组件,上面的代码是不合适的,因为可能有超过1‘选择’值。尝试了“key”属性的各种选项,即使用所选值列表上的map函数选择生成的键列表,但对我不起作用
此外,我不能为'value‘属性传递null,因为我们使用'onChange’来设置值。例如,尝试设置value属性将与设置值的现有onChange功能发生冲突。
不知道如何解决这个问题,因为我仍在探索可用的/其他选项。
注意:上面提到的代码是之前发布的How to programmatically clear/reset React-Select?的一部分。
发布于 2021-12-21 11:46:34
还可以尝试将值设置为空字符串。例如:
document.getElementById('TagOfTheLabel').value = "";如果结果出现错误,请尝试:
document.getElementById('TagOfTheLabel').innerHTML = "";注意:如果它至少需要一个charecter或string,请将"";替换为" ";。在文字上,只需加一个空格。
https://stackoverflow.com/questions/70433368
复制相似问题