reactjs - Can a react/javascript object child have a value and children at the same time?

Question

I believe I have seen examples of this that answer my question in the positive, but this seems very hard to search for and I cannot find it now. Can a react/javascript object child have both a value and more children at the same time?

Basically, this is what I'm trying to do, where header would both a value for its own height, but also have children:

const height = {
    header: '100px' {
        icon: '20px',
        text: '25px'
    }
}

question from:https://stackoverflow.com/questions/65925125/can-a-react-javascript-object-child-have-a-value-and-children-at-the-same-time

Answer 1

I don't believe this is possible. You could however try the following:

const height = {
    header: { data: '100px',
              inner: {icon: '20px', text: '25px'}
            } 
}

or

const height = {
    header: ['100px',
              {icon: '20px', text: '25px'}
            ]
}