image_select_component
v0.0.3
Published
Использование: ~~~~ <ImageSelect onHandleChange={onHandleChange} backgroundImgSelectOptions={backgroundImgSelectOptions} backgroundImg={backgroundImg} field="backgroundImg" inputId="styles-img-select-bg" /> ~~~~ backgroundImg
Downloads
3
Readme
Использование:
<ImageSelect
onHandleChange={onHandleChange}
backgroundImgSelectOptions={backgroundImgSelectOptions}
backgroundImg={backgroundImg}
field="backgroundImg"
inputId="styles-img-select-bg"
/>
backgroundImgSelectOptions - объект из 2 полей с массивами объектов вида {value: 'img_path', label: 'img_name'}. Где img_path - путь до картинки, img_name - имя картинки Общий вид:
backgroundImgSelectOptions: {
customBgImg: [
{value: '', label: ''},
],
defaultBgImg: [
{value: '', label: ''},
]
},
backgroundImg - переменная с названием выбранной картинки
field - строка с названием поля в state, куда записывается фон. Совпадает с именем передаваемой переменной
inputId - строка с id инпута
onHandleChange - ф-ция срабатывающая при выборе опшена