react 和 vue 的区别

const Cmp : ComponentType<IProps>;
<Cmp/>


// 
declare global {
  namespace JSX {
    // tslint:disable-next-line:no-empty-interface
    interface Element extends React.ReactElement<any, any> { }
  }
}
// render 返回的是 JSX.Element 类型？
type RenderCallback = (args) => JSX.Element;

4). 定义函数类型：

由于JavaScript具有动态和灵活的性质，有时可能会遇到一个对象，该对象可以作为上述某些类型的组合使用，就是一个既具有函数特性又具有对象特性的类型，它具有一些属性。

type Foo = (a: string) => string
interface Counter {
    (start: number): string;
    interval: number;
    reset(): void;
}

function getCounter(): Counter {
    let counter = (function (start: number) { }) as Counter;
    counter.interval = 123;
    counter.reset = function () { };
    return counter;
}

let c = getCounter();
c(10);
c.reset();
c.interval = 5.0

5). TypeScript还有一种感叹号（!）结尾的语法，它会从前面的表达式里移除null和undefined。

export const withDefaultProps = <P extends object, DP extends Partial<P> = Partial<P>>
(defaultProps: DP, Cmp: ComponentType<P>) => {
  // 提取出必须的属性
  type RequiredProps = Omit<P, keyof DP>;
  // 重新创建我们的属性定义，通过一个相交类型，将所有的原始属性标记成可选的，必选的属性标记成可选的
  type Props = Partial<DP> & Required<RequiredProps>;

  Cmp.defaultProps = defaultProps;

  // 返回重新的定义的属性类型组件，通过将原始组件的类型检查关闭，然后再设置正确的属性类型
  return (Cmp as ComponentType<any>) as ComponentType<Props>;
};
        
type State = Readonly<typeof initialState>;
}

// 定义类型/接口
type State = Readonly<typeof initialState> & Partial<typeof 可选字段集合>;

react 和 vue 的区别 ​

React哲学 ​

弹性组件设计原则 ​

在 React 组件中获取数据的标准方法 ​

TS + React ​

react 和 vue 的区别

React哲学

弹性组件设计原则

在 React 组件中获取数据的标准方法

TS + React