防止从语义UI下拉菜单更改其显示的值

编程问答 2022-08-16

问题描述

我正在从语义UI中使用this Dropdown，即使选择了一个选项，我也希望使其顶部保持不变。

在他们的例子中，它是性别和当一个男性女性的选择，性别是由值所替代。

这是一种避免更改的方法，即使选择了其中一个选项，下拉菜单也会显示“性别”？

这是代码：

import Dropdown from '../Dropdown.component';

<Dropdown // this is the Dropdown created based on the one from Semantic UI
  className="hello-dropdown"
  placeholder="Company"
  onChange={this.doSomething}
  options={someOptions}
/>;

Dropdown.component 

import React from 'react';
import { Dropdown } from 'semantic-ui-react';

import './Dropdown.styles.scss';

export default ({ placeholder,options,onChange,name,className }) => (
  <Dropdown
    className={className}
    name={name}
    placeholder={placeholder}
    search
    selection
    options={options}
    onChange={onChange}
    clearable
  />
);

我想这与placeholder={placeholder}有关，但不确定

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmljavascriptreactjsreactjssemantic-ui