Я на самом деле использую React-Super-Select, я могу отобразить свою опцию, получить и использовать значения, но когда я хочу показать с кодом текущие значения с моим состоянием (нажмите на таблицу, чтобы изменить значения формы), он не выберет соответствующее значение моего выбора:
value={this.state.imageForm}
onChange={this.handleChange}
placeholder="Choisissez une image"
customOptionTemplateFunction={this.ComboItemTemplate}
dataSource={imageCategory} />
Мой шаблон:
ComboItemTemplate = function (item) {
return (
<div className={item.class}>
<img className="ImageCombo" src={item.target.value} />
<label> {item.name}</label>
</div>
)
}
Мой HandleChange:
handleChange = (event) => {
if (typeof event != 'undefined') {
console.log(event.target.value)
this.setState({ [event.target.id]: event.target.value });
}
}
И когда я зарядил свои данные:
ListCategory = () => {
//Liste de toute les images des catégories du domaine
imagesDomain = imagesDomain.keys()
var cache = []
var dataCategory = []
var id = 1
var ImageName = ""
//Boucle pour tri des images du domain actuel et dossier des images des catégories
for (var i = 0; i < imagesDomain.length; i++) {
if (imagesDomain[i].includes(domain + "/categorie/")) {
//Il est valide, on le met en cache
ImageName = imagesDomain[i].split('/')
ImageName = ImageName[ImageName.length - 1]
cache.push({ "id": "/image/domaine/" + imagesDomain[i], "value":"/image/domaine/" + imagesDomain[i] , "name": ImageName, "target": { "id": "imageForm", value: "/image/domaine/" + imagesDomain[i]} })
id++;
}
}
//On réunnit toutes les images
imagesStatic.keys().forEach(el => {
ImageName = el.split('/')
ImageName = ImageName[ImageName.length - 1]
cache.push({ "id": "/image/icon/Categorie/" + el, "value": "/image/icon/Categorie/" + el, "name": ImageName, "target": { "id": "imageForm", value: "/image/icon/Categorie/" + el} })
id++
})
//On affecte a la variable global liée a la datasource de notre combo
imageCategory = cache
}
Я проверил, состояние корректно обновляется, и у меня есть одно и то же значение для моей опции идентификатора и моего состояния.
Спасибо за помощь.