首页 > 解决方案 > antDesign中的select标签样式

问题描述

我必须在我的应用程序中使用这个组件:

const options = [
  { value: "gold" },
  { value: "lime" },
  { value: "green" },
  { value: "cyan" }
];

ReactDOM.render(
  <Select
    mode="multiple"
    placeholder={["good"]}
    style={{ width: "20%" }}
    options={options}
  />,
  document.getElementById("container")
);

这个想法是,我想用下一种方式改变它:当我从下拉列表中选择一个值时,我不想在输入中显示它,但我想默认保留good输入中的文本,当我将选择一个选项,该选项不应更改good占位符。这个怎么做?
演示https ://codesandbox.io/s/custom-tag-render-ant-design-demo-j9edb?file=/index.js:149-428

EX:什么时候从select中选择一个选项,该选项不应该显示,占位符应该在输入中

标签: reactjs

解决方案


推荐阅读