Fix drop down selection

This commit is contained in:
René Pfeuffer
2020-03-10 10:51:15 +01:00
parent 4b1c74fa78
commit 005ca83799
4 changed files with 92 additions and 8 deletions

View File

@@ -6,25 +6,20 @@ type Props = {
optionValues?: string[];
optionSelected: (p: string) => void;
preselectedOption?: string;
className: string;
className?: string;
disabled?: boolean;
};
class DropDown extends React.Component<Props> {
render() {
const { options, optionValues, preselectedOption, className, disabled } = this.props;
if (preselectedOption && !options.includes(preselectedOption)) {
options.unshift(preselectedOption);
}
return (
<div className={classNames(className, "select", disabled ? "disabled" : "")}>
<select value={preselectedOption ? preselectedOption : ""} onChange={this.change} disabled={disabled}>
<option key={preselectedOption} />
{options.map((option, index) => {
const value = optionValues && optionValues[index] ? optionValues[index] : option;
return (
<option key={option} value={optionValues && optionValues[index] ? optionValues[index] : option}>
<option key={value} value={value} selected={value === preselectedOption}>
{option}
</option>
);