【问题标题】:How to integrate simple js file in react native mobile app?如何在 React Native 移动应用中集成简单的 js 文件?
【发布时间】:2020-06-29 13:41:30
【问题描述】:

我不是 React Native 开发人员,但我的问题是基于 React Native 应用程序。 我和我的团队正在讨论将外部 js 文件集成到 react 原生移动应用程序中。 js 文件在普通 HTML 中完美运行。所以问题是我们可以在 react native 中使用相同的 js,如果可以的话怎么办?如果可能,请提供示例代码。

提前致谢。

[更新] js文件中的示例代码。

function addition(number1, number2){
    var result = number1 + number2;
    return result.
}

现在我想在 react native 移动应用程序中使用完整的 js 文件。 在组件内部,我应该可以使用 -

'加法(10, 20)'

【问题讨论】:

  • 我想得到一个合理的答案,你应该详细说明:脚本在做什么等。假设脚本做了一些 DOM 操作,这个问题没有意义
  • @Rostyslav 我已经更新了我的问题,这有帮助吗?请指教。

标签: javascript react-native


【解决方案1】:

是的,你可以。但是你需要学习和学习ReactReact-Native

import React from 'react';
import {View,TouchableOpacity,Text} from 'react-native';

export default ()=> {
  let [sum,setSum]=React.useState(null);
  let addition=(num1,num2)=>setSum(num1+num2);

  return (
   <View style={{flex:1,justifyContent:'center',alignItems:'center'}}>
     <Text>{sum}</Text>
     <TouchableOpacity
        style={{padding:20, backgroundColor:'tomato'}}
        onPress={()=>addition(10,20)}
     >
        <Text>Run</Text>
     </TouchableOpacity>
   </View>
  )
}

【讨论】:

    最近更新 更多