本文整理汇总了TypeScript中react.Children.map方法的典型用法代码示例。如果您正苦于以下问题：TypeScript Children.map方法的具体用法？TypeScript Children.map怎么用？TypeScript Children.map使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类react.Children的用法示例。
在下文中一共展示了Children.map方法的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的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: setChildrenLayoutParams
static setChildrenLayoutParams(
component: React.Component<ViewGroupProperties, any>,
manager: any,
defaultParams?: any): void {
if (!component || !manager) {
return;
}
let currentChildrelLayoutParams = (component as any).__currentChildLayoutParams;
let nextChildrelLayoutParams: any[] = [];
const hasDefaultParams = !!defaultParams;
React.Children.map(component.props.children || [], (child: any, index: number) => {
if (!child.props.layoutParams && !hasDefaultParams) {
return;
}
nextChildrelLayoutParams.push(Object.assign(
{},
defaultParams,
child.props.layoutParams,
{ childIndex: index }
));
});
if (!nextChildrelLayoutParams.length) {
return;
}
if (layoutParamsIsEqualTo(currentChildrelLayoutParams, nextChildrelLayoutParams)) {
return;
}
(component as any).__currentChildLayoutParams = nextChildrelLayoutParams;
UIManager.dispatchViewManagerCommand(
findNodeHandle(component),
manager.Commands.setChildrenLayoutParams,
[nextChildrelLayoutParams]);
}