如何在react native中编写普通javascript外部函数？

我试图从react native中的外部文件调用一个普通javascript函数，但它没有运行。请建议一种注入普通javascript函数的方法

我已尝试使用WebView：

<View style={{flex: 1}}>
    <WebView ref={ref => { this.webview = ref; }}
        source={{ html: HTML }}
        injectedJavaScript={jsCode}
        javaScriptEnabledAndroid={true}
        javaScriptEnabled={true}
    >
    </WebView>
</View>

{this.webview=ref；}}
source={{html:html}
injectedJavaScript={jsCode}
JavaScriptEnabledDroid={true}
javaScriptEnabled={true}
>

创建一个外部.js文件，在那里编写代码

module.exports.yourFuncName = (params) => {
     // your function def
} 

OR

module.exports.yourFuncName = function (params){
     // your function def
} 

在您的组件中，只需导入

import { yourFuncName } from "location of file in code";

let jsCode = `
 yourFuncName(params)
`;

<View style={{flex: 1}}>
<WebView ref={ref => { this.webview = ref; }}
    source={{ html: HTML }}
    injectedJavaScript={jsCode}
    javaScriptEnabledAndroid={true}
    javaScriptEnabled={true}
>
</WebView>

从“代码中的文件位置”导入{yourFuncName}；
让jsCode=`
yourFuncName（参数）
`;
{this.webview=ref；}}
source={{html:html}
injectedJavaScript={jsCode}
JavaScriptEnabledDroid={true}
javaScriptEnabled={true}
>

创建一个外部.js文件，在那里编写代码

module.exports.yourFuncName = (params) => {
     // your function def
} 

OR

module.exports.yourFuncName = function (params){
     // your function def
} 

在您的组件中，只需导入

import { yourFuncName } from "location of file in code";

let jsCode = `
 yourFuncName(params)
`;

<View style={{flex: 1}}>
<WebView ref={ref => { this.webview = ref; }}
    source={{ html: HTML }}
    injectedJavaScript={jsCode}
    javaScriptEnabledAndroid={true}
    javaScriptEnabled={true}
>
</WebView>

从“代码中的文件位置”导入{yourFuncName}；
让jsCode=`
yourFuncName（参数）
`;
{this.webview=ref；}}
source={{html:html}
injectedJavaScript={jsCode}
JavaScriptEnabledDroid={true}
javaScriptEnabled={true}
>

然后

import {Example} from 'fileName.js'

如果是index.js文件，只需指定文件夹的路径即可

然后

import {Example} from 'fileName.js'

---

如果它的index.js文件只指定文件夹的路径

Hi Zain，谢谢回复，但我需要在React native中使用/导入JavaScript插件。插件文件包含用javascript编写的函数，而不是es6格式。我需要在react native中通过Webview或其他方式使用它们。我已经尝试过WebView，但html代码甚至没有加载JS插件文件（），因为当我给它一个错误的路径时，它会给我一些文件丢失错误，而在同一个地方的简单警报正在工作。不管你的插件文件是如何编写的，你只需要在你的组件中调用函数。你能分享你插件文件的内容吗？另外，当您尝试在导出的函数上使用simple import时，您得到了什么？插件文件function module.exports.Example=（params）=>{alert（“123456”）}当我在组件上导入它并在属性标记中使用它时，它表示示例不是一个未定义的函数导入{Example}来自“./../login/index”我已经更新了我的答案你能试试这个方法吗？谢谢你的更新方法，这里是我的外部文件代码链接。你能提供一些关于这段代码的建议吗，我们有很多函数，谢谢你的回复，但是我需要在React native中使用/导入一个JavaScript插件。插件文件包含用javascript编写的函数，而不是es6格式。我需要在react native中通过Webview或其他方式使用它们。我已经尝试过WebView，但html代码甚至没有加载JS插件文件（），因为当我给它一个错误的路径时，它会给我一些文件丢失错误，而在同一个地方的简单警报正在工作。不管你的插件文件是如何编写的，你只需要在你的组件中调用函数。你能分享你插件文件的内容吗？另外，当您尝试在导出的函数上使用simple import时，您得到了什么？插件文件function module.exports.Example=（params）=>{alert（“123456”）}当我在组件上导入它并在属性标记中使用它时，它表示示例不是一个未定义的函数导入{Example}来自“./../login/index”我已经更新了我的答案你能试试这个方法吗？谢谢你的更新方法，这里是我的外部文件代码链接。你能提供一些关于这个代码的建议吗，我们有很多函数