公司网站搭建费用,网站建设代码标签大全,宁波建设厅网站,扬州做网站的公司哪个好在工作中遇到一个需求#xff0c;既能下拉选择#xff0c;有要求可以自由输入没有的选项。
刚开始考虑使用 Select 组件#xff0c;发现只有多选#xff08;modetags#xff09;的时候才能随意输入内容#xff0c;但多选又不符合当前的业务需求。
在犹豫要…在工作中遇到一个需求既能下拉选择有要求可以自由输入没有的选项。
刚开始考虑使用 Select 组件发现只有多选modetags的时候才能随意输入内容但多选又不符合当前的业务需求。
在犹豫要不要自定义一个组件来实现业务需求时发现了 AutoComplete 组件完美实现需求。
AutoCompete 自动完成
适用情况 需要一个输入框而不是选择器需要输入建议 / 辅助提示另一种形式的选项 代码示例
const Example () {const options [python, Java];return (AutoComplete options{options.map(item ({ label: item, value: item }))}/)
}需要注意的是AutoComplete 组件输入框中回填的值为 options 中的 value 而不是 label如果存在 label 和 value 不一致的情况则需要额外处理。