Отправка атрибутов данных через компонент React и чтение их в jQuery - PullRequest
Новая
       12

Отправка атрибутов данных через компонент React и чтение их в jQuery

0 голосов
/ 20 апреля 2019

Я использую React Components вместе с A-Frame для построения виртуального мира.Я пытаюсь установить объект, который у меня есть в React в NodeJS, на элемент HTML, используя атрибут data-*.Когда я пытаюсь проанализировать элемент с помощью jQuery, свойство возвращает "[object Object]" вместо правильных данных.

Я попытался проанализировать эти данные двумя разными методами.Я пробовал метод AFRAME.getAttribute() и метод выбора jQuery для нахождения элемента и получения значений .data('key').

Оба этих метода находят нужный мне элемент, но оба они пытаются прочитать Объектзначения после отображения "[object Object]".

App.js (nodeJS + React) 

render() {
    return (
        <a-gltf-model 
            mmsi={this.props.data.MMSI}
            data-ship={this.props.data}
            ship-events
            scale="0.00002 0.00002 0.00002"
            src="boat.glb"/>
            )
        }

Публичный файл Click.js (js / jQuery) 

AFRAME.registerComponent('ship-events', {
    init: function () {
        const el = this.el;
        el.addEventListener('click', function () {
            let mmsi = el.getAttribute('MMSI');
            let objectData = $("a-gltf-model[mmsi='" + mmsi +"']").data('ship').key;
            //let test2 = el.getAttribute('data-ship');
            $('#shipContent').html(objectData);
            console.log(test2);
        });
    }
});

КогдаПопытка вручную создать запрос в консоли и попытка синтаксического анализа с JSON.stringify, похоже, что это не приводит к разбиению объекта на JSON.

Console Log Testing

...