/
var
/
www
/
vhosts
/
ihelp.ro
/
ajutam.ro
/
wp-content
/
plugins
/
give
/
src
/
Views
/
Components
/
Select
/
/var/www/vhosts/ihelp.ro/ajutam.ro/wp-content/plugins/give/src/Views/Components/Select
mkdir
upload
Name
Size
Mode
Actions
index.js
1018
0644
edit
dl
rm
style.module.scss
1267
0644
edit
dl
rm
Edit:
/var/www/vhosts/ihelp.ro/ajutam.ro/wp-content/plugins/give/src/Views/Components/Select/index.js
(1018B)
import PropTypes from 'prop-types'; import classNames from 'classnames'; import style from './style.module.scss'; const Select = ({options, onChange, defaultValue, className, ...rest}) => { const optionElements = options.map((option) => ( <option key={option.value} value={option.value}> {option.label} </option> )); return ( <div key={defaultValue} className={classNames(style.select, className)}> <select onChange={onChange} defaultValue={defaultValue} {...rest}> {optionElements} </select> </div> ); }; Select.propTypes = { // Array of objects with labels and values defining select options (ex: {label: Option A, value: option-a}) options: PropTypes.array.isRequired, // Fired on select change event onChange: PropTypes.func, // Default value of select element defaultValue: PropTypes.string.isRequired, // Additional class className: PropTypes.string, }; export default Select;
Save
cmd:
run