Question

我已经能够通过TypeScript在我的React Native应用程序中进行热重新加载，但它需要一些体操。我想知道是否有更好的方法，或者这只是TypeScript的限制，或者我可能只是不理解。

// index.js
import 'src/App';

// src/App.ts
import { AppRegistry } from 'react-native';
import HomeScreen from 'src/HomeScreen';
AppRegistry.registerComponent('Homer', () => HomeScreen);

// src/HomeScreen.js
// It seems like this has to be a JavaScript file
import React from 'react';
import { Home } from 'src/Home';

// This must be a Component class. The class name is required. SFC does not work.
export default class HomeScreen extends React.Component {
  render() {
    return <Hello />;
  }
}

src/Home.tsx是＆＃34;正常＆＃34;显示内容的屏幕组件。即使只是render() { return <Text>hello</Text>; }。

我的设置工作正常，热重新加载，但对于任何屏幕级别的TypeScript组件，我必须有这个包裹它的...Screen.js桥接文件。

有没有办法让React Native热重新加载TypeScript模块更改而不需要额外的JavaScript包装器？

我使用https://github.com/ds300/react-native-typescript-transformer作为具有react-native的TypeScript文件的转换器。

使用react-native和TypeScript

0 个答案: