本文整理汇总了TypeScript中react.Children.toArray方法的典型用法代码示例。如果您正苦于以下问题：TypeScript Children.toArray方法的具体用法？TypeScript Children.toArray怎么用？TypeScript Children.toArray使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类react.Children的用法示例。
在下文中一共展示了Children.toArray方法的3个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: cloneItem
export function cloneItem(
children: ReactNode,
props: { nativeEvent: TriggerEvent; propsFromTrigger?: object }
) {
return Children.map(
// remove null item
Children.toArray(children).filter(child => Boolean(child)),
item => cloneElement(item as ReactElement<any>, props)
);
}示例2: findChildrenOfType
export function findChildrenOfType(children: React.ReactNode, type: any) {
let matchingChildren: React.ReactElement<any>[] = [];
let childrenToSearch = React.Children.toArray(children);
while (childrenToSearch.length > 0) {
let child = childrenToSearch.shift();
if (!IsReactElement(child)) {
continue;
} else {
if (child.type === type) {
matchingChildren.push(child);
}
let { props } = child;
if (props.children) {
// Children added to front of search array for DFS.
childrenToSearch.unshift(...React.Children.toArray(props.children));
}
}
}
return matchingChildren;
}示例3:
const getKeys = (
children: React.ReactElement<any> | Array<React.ReactElement<any>>
): string[] =>
Children.toArray(children)
.filter(Boolean)
.map(getKey);