Я пытаюсь заполнить дерево PrimeReact данными из базы данных sqlite3, но это не работает.
Вот мой SQL-запрос:
select 'prj:'||p.id as key,p.name as label,(
select json_group_array(json_object('key',key,'label',label))
from(
select 'tpr:'||tpr.id as key,tpr.name as label from tpr
where tpr.prjid=p.id
and tpr.active = "true"
order by tpr.id
)
) as children
from prj p,usr_right r
where p.id=r.prjid
and p.active = "true"
and r.usrid=$1
order by p.id
Я получаю следующий JSON-код:
[
{
key: 'prj:1',
label: 'Projekt 1',
children: '[{"key":"tpr:1","label":"Teilprojekt 1"},{"key":"tpr:2","label":"Teilprojekt 2"}]'
},
{ key: 'prj:2', label: 'Projekt 3', children: '[]' },
{ key: 'prj:3', label: 'Projekt 2', children: '[]' }
]
Это нормально, но я понял, что дочерние элементы не отображаются, потому что в пути к дочерним элементам есть кавычки вокруг квадратных скобок - как я могу это исправить?
Если initial
— это ваш json, который нужно сопоставить с Tree
, вам нужно внести небольшую модификацию, чтобы преобразовать строку в массив.
let initial = [
{
key: 'prj:1',
label: 'Projekt 1',
children: '[{"key":"tpr:1","label":"Teilprojekt 1"},{"key":"tpr:2","label":"Teilprojekt 2"}]'
},
{ key: 'prj:2', label: 'Projekt 3', children: '[]' },
{ key: 'prj:3', label: 'Projekt 2', children: '[]' }
]
let converted = initial.map(obj => ({ ...obj, children: JSON.parse(obj.children)}))
console.info(converted)
Теперь это работает...