Можно ли добавлять в children элемент react?

Question

[real2210]

Получаю чилдрен в компоненте, затем создаю копию и добавляю в props.children новый элемент, при рендере этого пирога, получаю ошибку что не указаны key. Но мой новый элемент успешно добавился в чилдрена.
Может быть дело в том что так делать нельзя и не нужно.

const element = <div>element</div>;
    console.log(children);
    const newChildren = { ...children };
    const childrenWithElement ={
            ...newChildren,
            props: {
                ...newChildren.props,
                children: [...newChildren.props.children, element]
            }
        };
    console.log(childrenWithElement);

Comments

[Mikhail Osher]

код в студию

[real2210]

Mikhail Osher, обновил вопрос

Answer 1

[Mikhail Osher]

Используйте React.Children API для манипуляций с children.
А ещё лучше, вообще это не использовать, а попробовать как-то композицию составить. Тут уже зависиит от конкретного случая.