crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: selected item by value

Browse Source
This commit is contained in:
unknown
2021-09-07 10:41:58 +07:00
parent bec206113a
commit f67fd17a10
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/common/SelectCommon/SelectCommon.tsx
View File

@@ -12,10 +12,12 @@ interface Props {
onChange?: (value: string) => void, onChange?: (value: string) => void,
} }
const SelectCommon = ({ type = 'default', size = 'base', option, placeholder, onChange }: Props) => { const SelectCommon = ({ type = 'default', size = 'base', option, placeholder, onChange}: Props) => {
const [selectedName, setSelectedName] = useState(placeholder) const [selectedName, setSelectedName] = useState(placeholder)
const [selectedValue, setSelectedValue] = useState('')
const changeSelectedName = (item:string, value: string) => { const changeSelectedName = (item:string, value: string) => {
setSelectedValue(value)
setSelectedName(item) setSelectedName(item)
onChange && onChange(value) onChange && onChange(value)
} }
@@ -42,7 +44,7 @@ const SelectCommon = ({ type = 'default', size = 'base', option, placeholder, on
> >
{ {
option.map(item => option.map(item =>
<SelectOption itemName={item.name} value={item.value} onClick={changeSelectedName} size={size} selected={(selectedName === item.name) ? true : false} /> <SelectOption itemName={item.name} value={item.value} onClick={changeSelectedName} size={size} selected={(selectedValue === item.value) ? true : false} />
) )
} }
</div> </div>