| | |
| | | } |
| | | }) |
| | | |
| | | const floorSelectOptions = [ |
| | | { |
| | | label: '1F', |
| | | value: '1' |
| | | }, |
| | | { |
| | | label: '2F', |
| | | value: '2' |
| | | }, |
| | | { |
| | | label: '3F', |
| | | value: '3' |
| | | }, |
| | | { |
| | | label: '4F', |
| | | value: '4' |
| | | }, |
| | | { |
| | | label: '5F', |
| | | value: '5' |
| | | }, |
| | | ] |
| | | |
| | | const MapFloor = (props) => { |
| | | const intl = useIntl(); |
| | |
| | | |
| | | }, [props]); |
| | | |
| | | const floorChange = (floor) => { |
| | | console.log(floor); |
| | | } |
| | | |
| | | return ( |
| | | <> |
| | | <div className={styles.floorBox}> |
| | | <Segmented |
| | | size={'large'} |
| | | options={['1F', '2F', '3F', '4F', '5F']} |
| | | onChange={(value) => { |
| | | console.log(value); // string |
| | | }} |
| | | options={floorSelectOptions} |
| | | onChange={floorChange} |
| | | style={{ |
| | | opacity: .8 |
| | | }} |