Antd的Select使用tagRender时,手动点选删除一个tag,界面展示上会同时消失两个的解决方法

解决方法:给Tag添加key

  const tagRender = (props, form_index) => {
    const { label, value, closable, onClose } = props;
    const onPreventMouseDown = (event) => {
      event.preventDefault();
      event.stopPropagation();
    };
    return (
      <Tag
        key={value}//添加key
        onMouseDown={onPreventMouseDown}
        closable={closable}
        onClose={onClose}
        style={{ marginRight: 3 }}
      >
        {label}
      </Tag>
    );
  };

你可能感兴趣的:(知识点记录,javascript,前端,开发语言,antd,react)