Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[SelectInput] select输入搜索的值,无法在关闭面板时清空数据。 #2527

Closed
zedwei2 opened this issue Sep 28, 2023 · 9 comments
Assignees
Labels
fixed the issue has been resolved

Comments

@zedwei2
Copy link

zedwei2 commented Sep 28, 2023

tdesign-react 版本

^1.2.3

重现链接

https://stackblitz.com/edit/react-qsubix?file=src%2Fdemo.jsx

重现步骤

1.在select输入dadada,点击其他空白区域,关闭面板后(我在切换面板函数哪里执行了 setSelectValue(undefined) 失效)
2.重新点击select 上一次输入的dadada 还会存在。

期望结果

关闭面板或其他方式能自动清空掉之前输入的值

实际结果

无法通过代码方式清空掉之前输入的值,只能通过点击右侧 x 按钮进行清空。

框架版本

react(^18.2.0)

浏览器版本

No response

系统版本

No response

Node版本

V16.15.1

补充说明

No response

@github-actions
Copy link
Contributor

👋 @zedwei2,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@github-actions
Copy link
Contributor

♥️ 有劳 @carolin913 @Hoofoo-WHU @chaishi 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @zedwei2

@HaixingOoO
Copy link
Collaborator

@betavs 我想问一下你是想要输入值就显示输入值吗?select选中就显示select的值?

@HaixingOoO HaixingOoO added the need more info 需要更多信息理解 issue 的问题 label Sep 28, 2023
@HaixingOoO
Copy link
Collaborator

@betavs 传value值是对应选择select的label,传inputValue才是input的值,这个官网文档写了的,希望能帮助到你😊

@zedwei2
Copy link
Author

zedwei2 commented Oct 8, 2023

@betavs 传value值是对应选择select的label,传inputValue才是input的值,这个官网文档写了的,希望能帮助到你😊
这个inputValue使用后,select输入框无法输入,具体效果请看 https://stackblitz.com/edit/react-qsubix?file=src%2Fdemo.jsx

@zedwei2
Copy link
Author

zedwei2 commented Oct 8, 2023

@betavs 我想问一下你是想要输入值就显示输入值吗?select选中就显示select的值?

我想输入的时候 通过输入的值进行全量数据的过滤呈现对应内容,现在问题是我输入值后,focus->blur 之后上一次输入的值还存在就会导致体验不佳问题。
select选中显示select值 不进行过滤全量数据操作。

@HaixingOoO
Copy link
Collaborator

@betavs 我想问一下你是想要输入值就显示输入值吗?select选中就显示select的值?

我想输入的时候 通过输入的值进行全量数据的过滤呈现对应内容,现在问题是我输入值后,focus->blur 之后上一次输入的值还存在就会导致体验不佳问题。 select选中显示select值 不进行过滤全量数据操作。

你現在传inputValue的值來实现请求返回搜索的内容展示,然后传value的值来实现select选中的值就好了。希望能帮到你!😊
image

@zedwei2
Copy link
Author

zedwei2 commented Oct 8, 2023

@betavs 我想问一下你是想要输入值就显示输入值吗?select选中就显示select的值?

我想输入的时候 通过输入的值进行全量数据的过滤呈现对应内容,现在问题是我输入值后,focus->blur 之后上一次输入的值还存在就会导致体验不佳问题。 select选中显示select值 不进行过滤全量数据操作。

你現在传inputValue的值來实现请求返回搜索的内容展示,然后传value的值来实现select选中的值就好了。希望能帮到你!😊 image

使用此方式能实现我想要的效果 感谢回复!

@HaixingOoO
Copy link
Collaborator

HaixingOoO commented Oct 8, 2023

@zedwei2 解决问题的话就关闭一下issue,谢谢😊😊😊

@HaixingOoO HaixingOoO added fixed the issue has been resolved and removed need more info 需要更多信息理解 issue 的问题 labels Oct 8, 2023
@zedwei2 zedwei2 closed this as completed Oct 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
fixed the issue has been resolved
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants