React, как создать структуру данных?

Добрый день, использую react-sortable-tree. Есть список объектов и по нажатию на этот объект показать его детей:
import React, { Component } from 'react';
import SortableTree, { addNodeUnderParent, removeNodeAtPath } from 'react-sortable-tree';


const firstNames = [
  'Adidas',
  'Nike',
  'Rebook'
];


class App extends Component {
    constructor(props) {
        super(props);

        this.state = {
            treeData: [
                { title: 'Adidas', children: null},
                { title: 'Nike', children: null},
                { title: 'Rebook', children: null}
            ]
        };
    }

    render() {
        //const getNodeKey = ({ treeIndex }) => treeIndex;
        const getRandomName = () =>
          firstNames[Math.floor(Math.random() * firstNames.length)];
        return (
            <div>

                <div style={{ height: 300 }}>
                    <SortableTree
                        treeData={ this.state.treeData }
                        onChange={ () => {
                            this.state.treeData.map((node) => {
                                node.children;
                            })
                        }}

                    />
                </div>

                <button
                    onClick={() =>
                        this.setState(state => ({
                            treeData: state.treeData.concat({
                                title: `${getRandomName()} ${getRandomName()}sson`,
                            }),
                        }))
                    }
                    id="add"
                >
                  + ADD
                </button>
          </div>
        );
    }
}


Как решить такую проблему?
  • Вопрос задан
  • 43 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
15 авг. 2018, в 23:38
300 руб./за проект
15 авг. 2018, в 22:39
60000 руб./за проект
15 авг. 2018, в 21:18
30000 руб./за проект