React-Super-Select Выбранное значение - PullRequest
0 голосов
/ 03 марта 2020

Я на самом деле использую 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
    }

Я проверил, состояние корректно обновляется, и у меня есть одно и то же значение для моей опции идентификатора и моего состояния.

Спасибо за помощь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...