mirror of
https://github.com/swc-project/swc.git
synced 2024-12-25 14:43:33 +03:00
50 lines
882 B
TypeScript
50 lines
882 B
TypeScript
// @filename: file.tsx
|
|
// @jsx: preserve
|
|
// @noLib: true
|
|
// @skipLibCheck: true
|
|
// @libFiles: react.d.ts,lib.d.ts
|
|
|
|
import React = require('react');
|
|
|
|
interface IUser {
|
|
Name: string;
|
|
}
|
|
|
|
interface IFetchUserProps {
|
|
children: (user: IUser) => JSX.Element;
|
|
}
|
|
|
|
class FetchUser extends React.Component<IFetchUserProps, any> {
|
|
render() {
|
|
return this.state
|
|
? this.props.children(this.state.result)
|
|
: null;
|
|
}
|
|
}
|
|
|
|
// Error
|
|
function UserName() {
|
|
return (
|
|
<FetchUser>
|
|
{ user => (
|
|
<h1>{ user.NAme }</h1>
|
|
) }
|
|
</FetchUser>
|
|
);
|
|
}
|
|
|
|
function UserName1() {
|
|
return (
|
|
<FetchUser>
|
|
|
|
|
|
|
|
{ user => (
|
|
<h1>{ user.Name }</h1>
|
|
) }
|
|
{ user => (
|
|
<h1>{ user.Name }</h1>
|
|
) }
|
|
</FetchUser>
|
|
);
|
|
} |