ReactNative統合Type Script
1138 ワード
npm i --dev typescript react-native-typescript-transformer rn-cli.config.js module.exports = {
getTransformModulePath() {
return require.resolve('react-native-typescript-transformer')
},
getSourceExts() {
return ['ts', 'tsx'];
}
}
tsconfig.json {
"compilerOptions": {
"target": "es2015",
"module": "es2015",
"jsx": "react-native",
"moduleResolution": "node",
"allowSyntheticDefaultImports": true
}
}
App.jsおよび__tests__/App.jsのファイル名はApp.tsxであり、修正ファイルの最初の行の導入:// ：
-import React, { Component } from 'react';
// ：
+import React from 'react'
+import { Component } from 'react';
npm i --dev @types/react @types/react-native