don't have any configration for displaying child node to single parent node about react-family-tree HOT 9 OPEN

from react-family-tree.

Hi,

Not sure what the problem is. If you need add child for one spouse only, just do it.

from react-family-tree.

@SanichKotikov please check this https://codesandbox.io/s/weevusissue-uvuk0 . In child-issue option I have added one child to female node but it can not appearing.

from react-family-tree.

I see only 3 nodes in the json file, but u want to see 4. Nodes will not appear out of nothing.

from react-family-tree.

I was testing it. please check that now.There is added one children with only one parent in their parents list.

from react-family-tree.

@SanichKotikov here is JSON data that i am using for that
[ { "id": "aoF9dn5Ew", "gender": "male", "spouses": [ { "id": "tdRwdtR54", "type": "divorced" } ], "siblings": [], "parents": [], "children": [ { "id": "dyTpfj6st", "type": "blood" } ] }, { "id": "tdRwdtR54", "gender": "female", "parents": [], "siblings": [], "spouses": [ { "id": "aoF9dn5Ew", "type": "divorced" } ], "children": [ { "id": "dyTpfj6st", "type": "blood" }, { "id": "dyTpfj6st_single", "type": "blood" } ] }, { "id": "dyTpfj6st", "gender": "male", "spouses": [], "siblings": [], "parents": [ { "id": "aoF9dn5Ew", "type": "blood" } ], "children": [] }, { "id": "dyTpfj6st_single", "gender": "male", "spouses": [], "siblings": [], "parents": [ { "id": "tdRwdtR54", "type": "blood" } ], "children": [] } ]

https://codesandbox.io/s/weevusissue-uvuk0

https://prnt.sc/1sylmka

from react-family-tree.

This is impossible in current version of the library. I'll add this case to my roadmap and will try to implement when I have some time. Right now, as a workaround, you have to define second parent (with another type of spouse relation) for this hidden node.

from react-family-tree.

Ok thanks

from react-family-tree.

Great library, thanks for making it open source.

... define second parent (with another type of spouse relation) for this hidden node.

@divbhalala were you able to get this to work?

I'm trying but not sure if it's actually possible. Is this what you had in mind?

stackblitz

Nodes:

[
  {
    id: 'father',
    gender: 'male',
    children: [
      { id: 'child-1', type: 'blood' },
      { id: 'child-2', type: 'blood' },
    ],
    parents: [],
    siblings: [],
    spouses: [
      { id: 'spouse-1', type: 'married' },
      { id: 'spouse-2', type: 'divorced' },
    ],
  },
  {
    id: 'spouse-1',
    gender: 'female',
    children: [{ id: 'child-1', type: 'blood' }],
    parents: [],
    siblings: [],
    spouses: [{ id: 'father', type: 'married' }],
  },
  {
    id: 'spouse-2',
    gender: 'female',
    children: [{ id: 'child-2', type: 'blood' }],
    parents: [],
    siblings: [],
    spouses: [{ id: 'father', type: 'divorced' }],
  },
  {
    id: 'child-1',
    gender: 'male',
    children: [],
    parents: [
      { id: 'father', type: 'blood' },
      { id: 'spouse-1', type: 'blood' },
    ],
    siblings: [{ id: 'child-2', type: 'half' }],
    spouses: [],
  },
  {
    id: 'child-2',
    gender: 'male',
    children: [],
    parents: [
      { id: 'father', type: 'blood' },
      { id: 'spouse-2', type: 'blood' },
    ],
    siblings: [{ id: 'child-1', type: 'half' }],
    spouses: [],
  },
]

from react-family-tree.