react使用antd实现可输可选的功能

最新推荐文章于 2024-01-18 11:29:54 发布

木偶的独角戏

最新推荐文章于 2024-01-18 11:29:54 发布

阅读量477

点赞数 2

文章标签： reactjs

本文链接：https://blog.csdn.net/qq_43567834/article/details/112175586

版权

单选的可输可选

 const options = [
      { value: "容易", text: "容易" },
      { value: "困难", text: "困难" },
      { value: "顺利", text: "顺利" },
    ]
    <AutoComplete
      allowClear
      options={options}
      style={{ width: "96%" }}
      value={bindData.postoperativeUmmary}
      onChange={(value) => {
        this.setInheritVal(value, "postoperativeUmmary")
      }}
    />

多选的可输可选

使用mode=‘tags’就可以了

 <Select
   mode="tags"
   style={{ width: "96%" }}
   value={bindData.specialInstructions}
   allowClear
   onChange={(value) => {
     this.setInheritVal(value, "specialInstructions")
   }}
 >
   {renderOptions(initSelect, "169")}
 </Select>