react-native-* .js导入* .ts文件

顶级大师

如何让*.js文件导入*.ts的文件react-native,但没有任何两个文件重命名

我们想.js导入src/lib/setGlobalStyle.ts文件以下src/App

//MIT LICENSE from: https://github.com/Ajackster/react-native-global-props

import React from 'react'
import { StyleProp, ViewStyle } from 'react-native'


export function setGlobalStyle(obj, customProps) {
 const oldRender = obj.prototype.render;
  const initialDefaultProps = obj.prototype.constructor.defaultProps;
  obj.prototype.constructor.defaultProps = {
    ...initialDefaultProps,
    ...customProps,
  }
  obj.prototype.render = function render() {
    let oldProps = this.props;
    this.props = { ...this.props, style: [customProps.style, this.props.style] };
    try {
      return oldRender.apply(this, arguments);
    } finally {
      this.props = oldProps;
    }
  };
}

但低于进口这里面App的.js只能当我们重命名setGlobalStyle的.ts文件setGlobalStyle的.js

import * as Utils from './lib/setGlobalStyle'

当然,setGlobalStyle.ts当前不包含任何TypeScript类型,这是因为我们必须删除所有类型并将其重命名为.js,以便我们可以继续进行项目直到得到答案。

注意:我们需要这样做的原因TypeScript是允许IDE参数(即customProps参数)的自动完成

伊皮

Javascript中的JSDoc支持使您可以直接导入类型定义。我知道这与导入实际模块不同(但是如果类型定义存在,我认为这很疯狂):

/**
 * @param {import("./mymodule").customProps } customProps
 */
export function setGlobalStyle(obj, customProps) {
    customProps. // has full auto-completion 

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

无法在React Native中导入.js文件

React-native 无法在导入 js 文件时解析模块

无法从React Native App中的项目文件夹导入.js文件

从React Native从共享文件夹导入

在React Native中导入外部js文件时,undefined不是对象

React Native - 如何设置导入的 js 文件中包含的变量状态

导入React Native组件

根据React Native中的命名约定导入打字稿文件

从React Native中的其他文件导入函数

如何从 react-native 中导入的文件访问导航选项

从React Native中的本地json文件导入文本

React-Native 不导入文件夹

如何在React-Native中查看导入文件的更改?

以编程方式导入本地 json 文件 react-native

是否可以在 .js 文件而不是 .ts 文件中使用 React Antd 图表?(尝试导入错误:“__spreadArray”未从“tslib”导出。)

使用 node js 导入 React 组件文件

为什么我不能将这个我自己的 React Native 文件(WelcomeScreen.js)导入到我的 App.js 文件中?

无法导入 React Native 的 SafeAreaProvider

React Native 导入 Facebook 图片

文件路径 React Native

React Native导入错误:无法使用.bin解析模块(如何导入某种类型的文件?)

React-Native App:无法找到“ .js”文件路径

使用React Native Webview添加本地HTML和JS文件

React Native:如何将一个文件分割成多个文件并导入?

如何在JS文件Firebase函数上导入ts文件

将Recharts.js库导入jsx react文件

如何在 React JS 中导入整个 javascript 文件

使用 React 导入 Google Maps API JS 文件

无法从React中的data.js文件导入图像