使用

  1. 安装react声明文件

    1. $ npm i @types/react @types/react-dom
    1. $ yarn add @types/react @types/react-dom
  2. 安装typescript

    1. $ yarn add typescript
  3. 修改ts的配置文件

    1. {
    2. "compilerOptions":{
    3. "jsx": "react" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
    4. }
    5. }

    preserve,保留jsx语法以其他转换器例如babel进行转换,输出的文件后缀为jsx
    react,会将jsx语法转化成React.createElement
    react-native,和preserve一样,保留了jsx语法,但是输出的是js文件后缀

    注意点

    store的类型

    在redux引入的时候就带有store的类型 ```typescript import { createStore, Store } from “redux”;

const store: Store = createStore( userListReducer );

  1. <a name="wc7nE"></a>
  2. # useState
  3. ```typescript
  4. const [value, setValue] = useState<MyObject>({ foo: 'hello' });