kylefang/DefinitelyTyped
1
0
Fork 0
mirror of https://github.com/zhigang1992/DefinitelyTyped.git synced 2026-04-23 04:49:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #21146 from uniqueiniquity/jsxFragment

Browse Source 
Add React.Fragment to top-level API in React
This commit is contained in:
Benjamin Lichtman
2017-11-30 16:50:24 -05:00
committed by GitHub
parent 9117b3a65b 4d07771b6c
commit b4855506d3
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
types/react/index.d.ts vendored
View File

@@ -88,7 +88,7 @@ declare namespace React {
}
interface ReactElement<P> {
type: string | ComponentClass<P> | SFC<P>;
type: string | symbol | number | ComponentClass<P> | SFC<P>;
props: P;
key: Key | null;
}
@@ -222,7 +222,7 @@ declare namespace React {
props?: ClassAttributes<T> & P,
...children: ReactNode[]): CElement<P, T>;
function createElement<P>(
type: SFC<P> | ComponentClass<P> | string,
type: SFC<P> | ComponentClass<P> | string | symbol | number,
props?: Attributes & P,
...children: ReactNode[]): ReactElement<P>;
@@ -265,6 +265,7 @@ declare namespace React {
function isValidElement<P>(object: {} | null | undefined): object is ReactElement<P>;
const Children: ReactChildren;
const Fragment: symbol | number;
const version: string;
//

2
types/react/test/index.ts
View File

@@ -164,6 +164,7 @@ const statelessElement: React.SFCElement<SCProps> = React.createElement(Stateles
const domElement: React.DOMElement<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> = React.createElement("div");
const htmlElement = React.createElement("input", { type: "text" });
const svgElement = React.createElement("svg", { accentHeight: 12 });
const fragmentElement: React.ReactElement<undefined> = React.createElement(React.Fragment, undefined, [React.createElement("div"), React.createElement("div")]);
const customProps: React.HTMLProps<HTMLElement> = props;
const customDomElement = "my-element";
@@ -228,6 +229,7 @@ const notValid: boolean = React.isValidElement(props); // false
const isValid = React.isValidElement(element); // true
let domNode: Element = ReactDOM.findDOMNode(component);
domNode = ReactDOM.findDOMNode(domNode);
const fragmentType: symbol | number = React.Fragment;
//
// React Elements