javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(react): React Router Enhancements (#21693)

Browse Source
This commit is contained in:
Ely Lucas
2020-07-07 11:02:05 -06:00
committed by GitHub
parent a0735b97bf
commit c171ccbd37
245 changed files with 26872 additions and 1126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/react/src/components/createComponent.tsx
View File

@ -1,10 +1,12 @@
import { AnimationBuilder } from '@ionic/core';
import React from 'react';
import ReactDom from 'react-dom';
import { NavContext } from '../contexts/NavContext';
import { RouterOptions } from '../models';
import { RouterDirection } from '../models/RouterDirection';
import { RouterDirection } from './hrefprops';
import { attachProps, createForwardRef, dashToPascalCase, isCoveredByReact } from './utils';
import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact } from './utils';
interface IonicReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
forwardedRef?: React.Ref<ElementType>;
@ -12,6 +14,8 @@ interface IonicReactInternalProps<ElementType> extends React.HTMLAttributes<Elem
routerLink?: string;
ref?: React.Ref<any>;
routerDirection?: RouterDirection;
routerOptions?: RouterOptions;
routerAnimation?: AnimationBuilder;
}
export const createReactComponent = <PropType, ElementType>(
@ -36,10 +40,10 @@ export const createReactComponent = <PropType, ElementType>(
}
private handleClick = (e: React.MouseEvent<PropType>) => {
const { routerLink, routerDirection } = this.props;
const { routerLink, routerDirection, routerOptions, routerAnimation } = this.props;
if (routerLink !== undefined) {
e.preventDefault();
this.context.navigate(routerLink, routerDirection);
this.context.navigate(routerLink, routerDirection, undefined, routerAnimation, routerOptions);
}
}
@ -52,6 +56,8 @@ export const createReactComponent = <PropType, ElementType>(
if (isCoveredByReact(eventName)) {
(acc as any)[name] = (cProps as any)[name];
}
} else if (typeof (cProps as any)[name] === 'string') {
(acc as any)[camelToDashCase(name)] = (cProps as any)[name];
}
return acc;
}, {});