Форум программистов, компьютерный форум, киберфорум
React/ReactJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
8 / 8 / 2
Регистрация: 31.01.2014
Сообщений: 472

Не могу получить доступ к свойствам дочернего компонента из массива

21.04.2018, 18:19. Показов 676. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Строка 49 - объявление свойств и 80 - вызов в родительском компонетн.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
class UserTD extends React.Component {
    constructor(props) {
        super(props);
        this.namer = 1111;
        this.state = { cssTop: true, cssOpacity: 1, name:'333' };
        //this.handleClick = this.handleClick.bind(this);
       // this.getManagersPost();
    }
    
    componentDidMount() {
        /*
        var obj = this;
 
        setInterval(function () {
 
            obj.getManagersPost();
 
        }, timeAjax);
        */
    }
 
    render() {
        return (
            <tr>
                <td>
                    { this.state.name }
                </td>
                <td>
                    100
                </td>
                <td>
                    100
                </td>
            </tr>
        )
    }
}
 
class UserManager extends React.Component {
 
    constructor(props) {
        super(props);
 
        var numbers = [];
        this.managers = [];
        for (var i = 0; i < countTr ; i++) numbers.push(i);
        this.listItems = numbers.map((number) =>
            <UserTD key = {number} ></UserTD>
        );
 
        this.state = {isToggleOn: true, opacity: 1, transition: 0.3 };
 
        this.getManagersPost();
 
    }
 
 
    handleClick() {
        /*
        this.setState(prevState => ({
            isToggleOn: !prevState.isToggleOn,
            opacity:  Number( !prevState.opacity )
        }));
        */
    }
 
    getManagersPost() {
        var obj = this;
        $.post( "/generate.php", function( data ) {
            if (preloader != null )  {
                $( preloader ).remove();
                preloader = false;
            }
            //console.log(  this.managers);
 
 
            if (data) {
                obj.managers = jQuery.parseJSON( data ).managers;
 
                console.log( obj.listItems[0].props.namer  );
                console.log( obj.listItems[0].props.state.name  );
                //obj.listItems[0].state.name =  obj.managers[0][0].name;
            }
 
 
 
            //console.log( obj.managers );
            //console.log(  obj.listItems );
        });
    }
 
    componentDidMount() {
        /*
        var obj = this;
 
        setInterval(function () {
 
            obj.getManagersPost();
 
        }, timeAjax);
        */
    }
 
    render() {
        return (
            <table>
                <tbody>
                { this.listItems }
                </tbody>
            </table>
        )
    }
}
 
ReactDOM.render(
    <UserManager />,
    document.getElementById("template_table")
)
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
21.04.2018, 18:19
Ответы с готовыми решениями:

Как получить доступ к свойствам компонента из dataModule unit?
Добрый день, Такая проблемка: 1. В главной форме vcl формы (Unit = Main; Name = MainForm) есть событие FormCreate основной . ...

Почему не могу получить доступ к protected полям из дочернего класса?
Пытаюсь получить доступ к ships из дочернего класса Referee, но не получается. В чем ошибка? class Player { protected: ...

Доступ к свойствам компонента на динамически созданной форме
Я создал динамичски новую форму, затем разместил на ней чекбокс. Сделал обработчик CheckedChanged. Но как проверить, что юзер снял или...

2
23 / 16 / 7
Регистрация: 17.10.2012
Сообщений: 74
22.04.2018, 14:30
Добрый день.
Это отрывок из кода или уже рабочий вариант ? Вопрос к тому, что я не вижу, чему равна переменная countTr.
Если она у Вас не объявлена, то в массив ничего не пушится и соответственно не к чему получать доступ.
0
8 / 8 / 2
Регистрация: 31.01.2014
Сообщений: 472
22.04.2018, 15:34  [ТС]
Рабочий.

Узнал в чём причина - https://reactjs.org/warnings/special-props.html - нельзя получить доступ к свойствам дочернего компонента, если он явно не объявлен при создании его экземпляра

<UserTD key = {number} mm = {4} ></UserTD>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
22.04.2018, 15:34
Помогаю со студенческими работами здесь

Доступ к свойствам компонента через его имя
Как изменить какой нибудь параметр у объекта, если его Name дан в виде строки? Например: пользователь в эдите пишет &quot;Panel1&quot;,...

Подключение визуального компонента и доступ к его свойствам и методам
Добрый день. Есть несколько визуальных компонентов написанных мной на С# у них одинаковые методы и свойства, проблема состоит в следующем...

Как получить доступ к свойствам help button?
Help Button. Как получить доступ к её свойствам? Мне необходимо всё выставить. Что будет происходить, когда жмёшь на неё, как она должна...

Как получить доступ к свойствам кнопки?
Как получить доступ к свойствам кнопки? в объекте INPUT TYPE=file Необходимо изменить ее название. Текже, хотелось бы установить фильтр...

Получить доступ к свойствам объектов из базы
У меня есть таблица, в которой записаны объекты, содержащие некоторые свойства. Я указал для dropdownlist, что в качестве содержимого, хочу...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru