Указываю структуру для главного компонента, который выводит дочерние компоненты, содержащую эти дочерние компоненты:
this.add_filters(
<>
<Filter1 />
</>
);
метод add_filters
выглядит так:
add_filters(filters: JSX.Element): void {
console.log(filters.props.children.length);
}
Так во, когда указывается только один компонент, то функция add_filters
выводит undefined
, а когда указывается больше одного компонента, например
this.add_filters(
<>
<Filter1 />
<Filter2 />
</>
);
то выводится правильное кол-во компонент
соответственно и всякие методы для массивов типа map
корректно работают
Подскажите, почему так происходит и как корректно тогда работать в ситуации, когда передается только 1 компонент