首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >程序清除/重置反应-选择标签在多模式?

程序清除/重置反应-选择标签在多模式?
EN

Stack Overflow用户
提问于 2021-12-21 09:43:15
回答 1查看 348关注 0票数 0

我是新的反应,并试图维护/更新应用程序中的一些现有代码。

在表单中,我们有一个react select自定义/扩展组件,其值是使用react的onChange设置的-select。在这种情况下,即使在重置状态(在组件重新呈现期间,而不是在初始呈现期间),重置选定的标签也有问题。

我已经为非多选择组件尝试了下面的代码,它确实起了作用,即当状态值被重置时,强制选择标签在UI中重新呈现。

代码语言:javascript
复制
key={`my_unique_select_key__${selected}`}

然而,当我有一个‘多’选择组件,上面的代码是不合适的,因为可能有超过1‘选择’值。尝试了“key”属性的各种选项,即使用所选值列表上的map函数选择生成的键列表,但对我不起作用

此外,我不能为'value‘属性传递null,因为我们使用'onChange’来设置值。例如,尝试设置value属性将与设置值的现有onChange功能发生冲突。

不知道如何解决这个问题,因为我仍在探索可用的/其他选项。

注意:上面提到的代码是之前发布的How to programmatically clear/reset React-Select?的一部分。

EN

回答 1

Stack Overflow用户

发布于 2021-12-21 11:46:34

还可以尝试将值设置为空字符串。例如:

代码语言:javascript
复制
    document.getElementById('TagOfTheLabel').value = "";

如果结果出现错误,请尝试:

代码语言:javascript
复制
    document.getElementById('TagOfTheLabel').innerHTML = "";

注意:如果它至少需要一个charecter或string,请将"";替换为" ";。在文字上,只需加一个空格。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70433368

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档