如何在ReactNative中调用不同文件(无类/组件)的组件函数
在React Native中调用不同文件中的组件函数可以通过以下步骤实现：
- 导入所需的组件函数：在需要调用组件函数的文件中，使用import语句导入目标文件中的组件函数。例如，如果要调用名为"myFunction"的组件函数，可以使用以下代码导入：
import { myFunction } from './目标文件路径';请将"目标文件路径"替换为目标文件的实际路径。
- 调用组件函数：在需要调用组件函数的地方，直接使用函数名进行调用。例如，如果要调用名为"myFunction"的组件函数，可以使用以下代码进行调用：
myFunction();需要注意的是，被调用的组件函数必须是导出的（export），否则无法在其他文件中进行调用。确保目标文件中的组件函数使用export关键字进行导出，例如：
export function myFunction() {
// 函数逻辑
}这样，你就可以在React Native中调用不同文件中的组件函数了。
对于React Native的开发，腾讯云提供了一系列相关产品和服务，例如：
- 云开发（CloudBase）：提供全栈云开发能力，包括云函数、数据库、存储、托管等，可用于快速构建和部署React Native应用。了解更多：腾讯云开发
- 移动推送（TPNS）：提供消息推送服务，可用于向React Native应用的用户发送推送通知。了解更多：腾讯移动推送
- 移动直播（MLVB）：提供实时音视频通信能力，可用于在React Native应用中实现音视频通话、直播等功能。了解更多：腾讯云移动直播
以上是一些腾讯云的相关产品和服务，可供参考和使用。
相关·内容
我正在使用以下代码来呈现一个webview：
const someHTMLFile = require('./somefile.html')
render() {
return (
<View style={{flex: 1}}>
<WebView
style={{flex: 1}}
source={someHTMLFile}
ref={( webView ) => this.webView = webView}
/>
</V
浏览 0提问于2017-10-25得票数 3
回答已采纳
1回答
类对象可以从调用吗？
、、、
我在研究ReactNative.Navigator.renderScene道具。
'use strict';
import React,{Component} from 'react';
import ReactNative from 'react-native';
const {
TouchableHighlight,
Navigator,
AppRegistry,
Text,
View,
} = ReactNative;
class TestClass extends Component{
render(){
浏览 2提问于2017-04-22得票数 4
回答已采纳
如果您正在编写Swift，您可以使用ViewController的生命周期挂钩、viewDidAppear或viewWillAppear来了解屏幕上是否有特定的视图。在ReactNative中有任何类似的方法吗？看起来在里没有接近的
浏览 3提问于2016-12-31得票数 7
回答已采纳
1回答
我有下面的脚本。我是运行在一个个人电脑上使用创建-反应-本机应用程序。控制台给我以下警告。我不知道该怎么对付他们。
以下是警告：
Warning: componentWillReceiveProps is deprecated and will be removed in the
next major version. Use static getDerivedStateFromProps instead.
Please update the following components: TouchableOpacity
Learn more about this warning here
浏览 0提问于2018-04-13得票数 2
回答已采纳
1回答
我需要一个反应本土化(使用的打字本)的帮助。我映射状态，调用onpress函数，但不起作用。我不知道这件事我真的需要帮助。0000000000000000000000000000000000000000000000000000000
错误
this.onPressItem is not a function
代码
import React, { Component } from 'react';
import ReactNative from 'react-native';
import { styles } from './labsoft/labsof
浏览 3提问于2017-03-10得票数 2
回答已采纳
1回答
注意到大多数ReactNative项目使用：
const Thing = () => {...
或
export default function Thing() {...
而不是使用实际的组件，比如：
class Thing extends Component {
扩展组件是否更适合ReactJS？因为我需要这个做生命周期挂钩
componentDidMount() {...
这些钩子是否有可能是原生的(用ObjectiveC和Java翻译的)，还是纯粹的JS？我的问题是:在ReactJS in ReactNative中，我能抵挡多少？
非常感谢，S。
浏览 8提问于2022-07-17得票数 0
1回答
我正在学习Net Ninja关于firebase云函数的教程，但我不知道如何从vue组件中调用函数。(他在教程中没有使用vue )。
所以我有一个安装了firebase功能的vue3应用程序。如何将函数导入到组件中？我到处都找不到答案。我还在学习编程，我仍然不太明白如何导入所需的包。
我在functions文件夹中有一个index.js文件，里面有几个函数。现在，我想在单击组件中的按钮时调用其中一个函数( .onCall函数)。
我知道我需要在该组件中导入一些东西，但我不知道是什么！
浏览 0提问于2021-10-28得票数 1
我正在从事一个项目，需要为网络和移动跨平台。目前，该网站正在使用ReactJS开发，并使用cordova使其在移动设备上可用。
但是我想知道在移动版上使用ReactNative是不是一个更好的选择，因为cordova可能比ReactNative更麻烦。我不知道这是不是真的。
我知道这是一个倾向于固执己见的开放问题，但我仍然希望听到你们对此的一些想法，因为它困扰着我，我没有在这两个平台(cordova和reactnative)上工作的知识和经验来获得受过教育的意见。
浏览 3提问于2017-11-14得票数 0
react-navigation：我使用ReactNative组件。
在右边按钮的导航栏中，单击事件不工作。
`_newCustomer() {
alert('点击新建');
}
static navigationOptions = {
title: '客户列表',
headerRight: (
<Button title={'添加客户'} onPress={this._newCustomer.bind(this)}/>
),
浏览 3提问于2017-05-19得票数 0
回答已采纳
2回答
在Swift或Objective-C中，您可以执行self.frame.size.width，但是在ReactNative中会有什么等价物呢？
浏览 2提问于2015-07-24得票数 1
当我使用new ()；在本机反应中创建一个新的日期或时间时，我会得到以下错误：
TypeError:未定义不是构造函数(计算‘新_reactNative.Date()')
是什么导致了这一切？有什么东西是我没有引进的反应本地人？
import React from 'react';
import { StyleSheet, View, Text, Button, Image, TouchableOpacity, Date, ScrollView } from 'react-native';
export default class AddAProf
浏览 1提问于2021-04-16得票数 0
回答已采纳
我一直在我的Xamarin应用程序中得到以下错误。我的应用程序构建良好，但苹果一直拒绝它，所以我认为这是由于这个错误。错误是：“Y4P.Views.PlayVideo类没有默认的无参数构造函数。除非添加了无参数构造函数，否则不能预览此xaml文件。如果类有非参数构造函数，则此构造函数应调用标准的‘初始化组件’方法。
XAML代码：
<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms
浏览 0提问于2018-04-28得票数 1
根据https://www.quora.com/What-are-the-key-difference-between-ReactNative-and-NativeScript/answer/Valentin-Stoychev的说法，"ReactNative使用React中找到的符号在单个文件中内联UI声明。“这是否意味着在编写React (或ReactNative)代码时必须使用内联JavaScript？
默认情况下，React会被(CSP)阻塞吗？
根据http://www.asd.gov.au/publications/protect/protecting_网站_apps.htm
浏览 0提问于2016-09-12得票数 0
回答已采纳
，正如它在标题中所说的，我似乎不能使用钩子
我知道你们中的一些人会试图告诉我这是一个副本，但在我所见过的所有问题中，似乎没有人会问，使用导入的功能组件(我试图呈现的组件)的正确方式是什么。
import React from 'react';
import { hot } from 'react-hot-loader';
import Playground from '../playground/index';
class App extends React.Component {
render() {
Playground
浏览 2提问于2019-03-09得票数 0
回答已采纳
2回答
反应本机不识别useState钩
、、、、
呈现错误：(0，_reactNative.usestate)不是函数。(在'(0，_reactNative.useState)('')，‘(0，_reactNative.useState)’中未定义
这是我的代码正在产生的错误。所有的进口都是最新的。不知道为什么它不承认useState。
import React from 'react';
import { View, StyleSheet,TextInput,useEffect,useState } from 'react-native';
import db from 'D:
浏览 1提问于2022-07-11得票数 0
回答已采纳
public class ParentBaseClass
{
public ParentBaseClass()
{
// Parameter less constructor
}
public ParentBaseClass(string type)
{
// single parameter constructor
}
public ParentBaseClass(Entity model)
{
// entity type constructor
}
public
浏览 2提问于2017-04-24得票数 0
2回答
在ReactNative组件中，当我按下按钮时，在执行此函数时会出现“可能未处理的承诺拒绝”错误：
async onAdd(item) {
try {
const response = await fetch('url', {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': '
浏览 0提问于2018-03-24得票数 4
回答已采纳
3回答
我有一个组件在某个时候调用browserHistory.push(url)，并且需要在组件卸载和下一个组件挂载之后调用一个函数。目前，我使用的是setTimeout，因为卸载组件似乎会立即触发所有的setTimeouts。有更好的方法吗？
浏览 2提问于2018-10-15得票数 1
回答已采纳
我怎么发动汽车呢？我的代码是：
ListComponent.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
ListView,
TouchableHighlight
} from 'react-native';
class ListComponen
浏览 3提问于2016-08-01得票数 0
每当路由器中的特定路由加载时，我都会尝试触发一个函数。我使用的是react本机路由器流量2.x和ReactNative 0.21 (现在不能更新到3.x )。
例如，下面我只想在加载screen2时触发一个函数。这个是可能的吗？我试过使用onPush，但它似乎不起作用。
我之所以需要这样做，是因为我不能将componentDidMount、componentWillMount用于screen2组件，因为它只在第一次调用组件时加载。每次选择路由时，我都需要一个函数来触发。谢谢!
<Route name="screen1" initial={!needSignIn}>
浏览 5提问于2016-03-23得票数 4
回答已采纳
2回答
我试图在C#中为一个小型windows游戏创建一些类。我有一个带有构造函数的类，它继承自基类Item
public class Weapon : Item
{
public int Attack { get; set; }
//constructor
public Weapon(int id, string name, int value, int lvl, int attack) :
base(id, name, value, lvl)
{
Attack = attack;
}
}
项类：
public class
浏览 6提问于2015-10-15得票数 2
5回答
我是否可以使用CSS来设计我的ReactNative组件。目前，我只能像这样使用StyleSheet：
var styles = React.StyleSheet.create({
autocomplete: {
backgroundColor: '#FFF',
zIndex: 5,
},
...
我想用CSS代替这个，就像在ReactJs中那样
浏览 8提问于2017-03-22得票数 11
我在Expo Snack中有一个很小的ReactNative应用程序，其中包含一个带有TouchableOpacity的组件。 export default function AssetExample() {
function clicked() {
alert('clicked')
}
return (
<View style={styles.container}>
<TouchableOpacity onPress={clicked()}>
<Text style={styles.p
浏览 24提问于2021-10-29得票数 0
回答已采纳
有几个ReactNative短消息插件可用，但大多数读短信时，应用程序是在前台。当应用程序甚至没有运行时，我如何读取SMS，就像本地SMS读取器应用程序一样？
浏览 3提问于2020-01-17得票数 2
回答已采纳
例如，在react本机中，如果在获取类组件的节点处理程序时，可以执行ReactNative.findNodeHandler(this)。功能组件没有实例，也没有自己的参考文献，但可以使用forwardRefs和useImperativeHandle进行引用。因此，我正在为功能组件寻找类似于this的东西。我尝试使用从forwardRefs获得的引用，但它不起作用-它引发以下错误：Error: Argument appears to not be a ReactComponent. Keys: current
下面是我试图使用它的方法：
export const NativeComponen
浏览 3提问于2021-06-29得票数 1
我正在搜索如何在我的应用程序中实现单元测试功能，但可用的资源有限，是否有任何可用文档提供在ReactNative应用程序中添加单元测试功能的分步指南。
因为大多数文档都过时了，因为有人说我们需要模拟react-native，然后导入react/addons，这是现在不可用的。
现在React中没有加载项文件...
浏览 2提问于2016-08-25得票数 0
在下面的代码中，我了解到子类中的super(t)显式地调用了它的超类(类B)中的无参数构造函数。我似乎有问题理解为什么子类必须调用超类中的无参数构造函数？我似乎搞不懂这么做的目的？
public class Test {
public static void main(String[] args) {
B b = new B(5);
}
}
class A extends B {
public A(int t) {
super(t);
System.out.println("A's construct
浏览 4提问于2013-01-10得票数 0
2回答
我正在使用Visual Studio代码，我只是创建了一个文件夹，里面有“项目”，我不喜欢使用netbeans，eclipse等小程序。
所以我创建了一个小程序，我怀疑它是否可以工作，但它对mos部分有效，它创建了一个类似rpg的角色和第二个角色，并创建了一个模拟战斗，其中一个角色基于一个属性获胜。一切似乎都正常，但是当我调用Battle(oumar, aisha);方法时，它接受两个字符并让它们进行战斗，它得到一个错误，显示为Main.java:6: error: cannot find symbol Battle(oumar, aisha); ^ sym
浏览 0提问于2018-11-23得票数 0
2回答
我知道如何使用react组件中的函数来获取我的后端，但我需要一个下拉菜单，所以我在react-select页面中找到了一个示例，但该示例是在类中创建的。 我在互联网上找到的干净的例子是，对于导入react-select，有必要运行npm install react-select命令 import React, { Component, Fragment, useEffect } from "react";
import Select from "react-select";
const options = [
{ value: "red"
浏览 15提问于2021-05-09得票数 0
回答已采纳
我有一个角度分量：
drawComponent：它有许多按钮，如画矩形，画圆圈，等等。我使用的纸in，帮助实际绘图。我有一些常见的对象会被更新。例如，我有一个纸质对象，每当我画任何形状，不管是圆形、矩形还是其他形状，它都会被更新。
我的问题是，有2000多行代码，我的drawComponent.component.ts变得太大了。在nodejs中，我可以轻松地将每个函数拆分到一个单独的文件中，但是在角度上，我不知道如何做到这一点。有没有办法根据函数将我的文件分割成单独的文件？
浏览 0提问于2019-02-16得票数 7
回答已采纳
我在一个react应用程序中有两个不同类的组件。我需要通过单击另一个类中的按钮来调用另一个类中的函数。
changeTitle () {
this.setState({header: 'New title' });
}
我尝试使用import。
import Material from './Material'
<Link to="/Material">
<button className='button' id='button-1' />
<label className
浏览 3提问于2018-10-04得票数 1
2回答
@SpringBootApplication
public class Application {
public static void main(String[] args) {
ApplicationContext context = SpringApplication.run(Application.class, args);
GlobalProperties globalProperties = context.getBean(GlobalProperties.class);
System.out.println(globalP
浏览 12提问于2018-07-23得票数 0
回答已采纳
1回答
拥有一个ReactJS + Redux + Saga应用程序，该应用程序最近进行了更新，以使用相关JS库的最新版本(或接近最新版本)。在库更新(没有代码更改)并运行应用程序之后，我立即在控制台中看到"Cannot update during an existing state transition (such as within render). Render methods should be a pure function of props and state."警告消息。当我调用调度函数时，它看起来是由redux触发的(然后这个函数在Provider.js中调用一个函数，
浏览 0提问于2019-04-22得票数 0
回答已采纳
我有ReactNative应用程序。我可以用PDF或任何其他可打印的文件格式保存应用程序的主屏幕/视图吗？
浏览 2提问于2020-02-03得票数 0
在我的本机0.59.5 App.js中，有一个检索jwt令牌的异步方法。该方法更像是一个包装器，在App.js中直接调用。
....
async function getToken() {
try {
const result = await helper.getJwtToken();
console.log("secure store : ", result);
if (!result) this.props.navigation.navigate("Signup");
return result;
} catch(er
浏览 7提问于2019-05-21得票数 0
回答已采纳
我使用作为入门模板，使用firebase构建react原生应用程序。
我正在使用Home.js中的以下文件，我想做一些事情，但遇到了一些问题。
获取输入域的值-我试图在这个文件中执行构造函数(Props)来获取输入域的内容，但是当我尝试这样做的时候总是得到一个错误。
传递用户数据-我正在尝试获取已登录用户的详细信息。目前，我正在使用firebase.checkUserAuth；如何使用'this.state.user‘保存'user’内容的数据。当我尝试这样做的时候，我总是遇到错误。
import React, {useEffect } from "react&
浏览 1提问于2020-05-26得票数 0
回答已采纳
我有一个应该很简单的问题，在这个问题中，当用户导航到特定的路由时，组件会触发一个初始函数调用，通过epic中的redux-observable通过ID来抓取用户。但是，如果用户离开页面然后又回来，我需要能够基于路由参数重新加载页面。
我有一个组件，它使用HOC来运行render()方法，但它看起来像一个哑组件：
const ProfilePage = props => {
const { actions, user, loading } = props;
// Note: This if statement results in an error
if (user &
浏览 1提问于2019-03-28得票数 1
我们正在开发一个Vue/ReactNative项目，在Reactnative组件react-native-svg (12.1.0版)中出现了一个奇怪的现象，即SVG不能正确呈现。在浏览器中，它被正确地渲染。 SVG本身是用Adobe创建的，并使用CSS样式。不是所有的CSS元素都被支持吗？ 我们从外部Uri动态使用SVG，而不是作为静态文件。 <svg-css-uri
:key="'image_' + selectedItem.id"
:height="200"
:uri="selectedItem.pic
浏览 33提问于2021-03-25得票数 0
回答已采纳
2回答
我用XNA4.0制作了一个模拟装配线的程序。我制作了一个3D模型，并将其划分为5个位置--启动、3个工作站和结束。这些位置代表模型上(在现实生活中)将被某种类型的传感器覆盖的位置。每当一个对象到达这些位置之一时，它就会触发一个绑定到该特定位置的方法(例如“停止”、“开始”、“增量/减少计数器”.)。
这个程序必须能够加载一个文件来描述整个装配线的行为--也就是说，这个文件必须告诉程序何时以及哪种方法将被触发(目前它只是开始/停止方法)。为此，我创建了一个方法来序列化包含bool变量的类(这些变量确定该位置是否“活动”--如果值为true，则该对象将触发绑定方法，如果它是false，则它将传递该
浏览 0提问于2012-01-16得票数 4
回答已采纳
3回答
当我创建没有构造函数和构造函数的类时，IL代码不会改变。我认为总是有构造函数存在的想法是错误的吗？
namespace Test13
{
class Human
{
}
}
在下面的IL代码中，行-
IL_0001: call instance void [System.Runtime]System.Object::.ctor()
调用构造函数而不声明构造函数。
.class private auto ansi beforefieldinit
Test13.Human
extends [System.Runtime]System.O
浏览 12提问于2021-03-10得票数 0
回答已采纳
我正在学习ReactNative，现在我正在研究如何组织这些文件(现在我要为每个页面创建一个文件夹，每个文件夹都有一个索引、函数和样式文件)。但是，由于某些原因，我无法将信息导入index.js，无法使用样式或函数，当我打开页面时，它不会返回func方法。
我想知道我是不是用错了进口。使用import { MenuFunctions} from './Menu'会导致错误，说明什么都没有导入，此错误不再出现，但仍未返回。
这是我的代码，索引，菜单和样式都在同一个文件夹中。
index.js
import React from 'react';
import Me
浏览 2提问于2019-08-12得票数 1
回答已采纳
我是ReactNative的新手。(我非常熟悉原版Android)
昨天，当我使用AsyncStorage (我认为不正确)时，我遇到了一个问题，视图每百万秒就重新呈现一次。
我的代码：
import React, { Component} from 'react';
import {Image, Platform, StyleSheet, Text, View, Button} from 'react-native'
import { AsyncStorage } from "react-native"
export default cla
浏览 0提问于2018-12-25得票数 1
回答已采纳
这是我的第一个ReactNative项目，我遇到了这个问题：
bundling failed: SyntaxError in /Users/wc/PracticeApps/firstapp/PropertyFinder/App.js: /Users/wc/PracticeApps/firstapp/PropertyFinder/App.js: Unexpected token (24:11)
22 |
23 | class SearchPage extends Component<{}>{
> 24 | export default class App e
浏览 3提问于2017-12-20得票数 0
我正致力于在组件内部传递操作。总的来说，我使用的方法是这样的
home.hbs：
{{layerOne action1="action1" action2="action2" action3="action3" action4="action4" }}
home.js
actions:{
action1: function () {
//do something
},
action2: function () {
//do something
},
浏览 0提问于2017-05-15得票数 0
回答已采纳
在这段代码中，我知道它可以与A类中的super(t)或B类中的无args构造函数一起工作。下面的代码使用B类中的无args构造函数。我知道如果你将无args构造函数从B类中去掉，代码就不能工作。我是编程新手，我想要理解的是B类中的no args构造函数有什么特别之处，为什么它必须存在才能让代码工作？特殊条件或规则是什么？
public class Test {
public static void main(String[] args) {
B b = new B(5);
}
}
class A extends B {
public A(int t
浏览 0提问于2013-01-10得票数 5
1回答
我想在ReactNative卡图像上方的卡上打折扣优惠。我们称之为这个特征。我将附上样本图像，以便更好地了解情况。
浏览 3提问于2020-01-24得票数 0
回答已采纳
这是我的代码，想要实现一个添加国家和地区下拉列表。我面对的是7,8行的错误，说缺少分号。我想要帮助，因为我是reactnative的初学者。 import React,{ Component } from 'react';
import { CountryDropdown, RegionDropdown } from 'react-country-region-selector';
import { StyleSheet, Text, TextInput, View } from 'react-native';
export default
浏览 16提问于2020-11-26得票数 0
我尝试在stacknavigator上传递道具，这里是我的代码
const MainCart = StackNavigator({
Cart: {
screen: CartScreen
},
Checkout: {
screen: COScreen
}
/* how to pass 'myprops' in this area? */
});
export default class ReactNative_RefreshControl extends Component {
constructor(props) {
浏览 1提问于2017-10-31得票数 22
1回答
Facebook曾经说过，反应本土构建的原则是学习一次，到处写，并且它的目标不是编写跨平台的代码。
NativeScript与ReactNative非常相似，它们都使用Node.js，它提供了在多个平台上共享相同代码的能力，方法是在使用无法共享的本地组件的文件中编写特定于平台的代码。它通过简单的命名约定(例如foo.ios.js )来做到这一点。
因为Facebook还没有发布他们为iOS以外的其他平台做出反应的代码。这是他们将来可能会支持的东西吗？
浏览 4提问于2015-06-28得票数 3
回答已采纳
我有一个关于在Struts2中返回数据的问题。在我的Action类中，如下图所示，我正在获取记录并在ArrayList中设置它们。
--但请任何人告诉我，如何将获得的ArrayList返回到JSP？因为使用Action方法的语法，它只允许我们返回一个字符串?
public class DBDisplay extends ActionSupport{
private String name ;
List list = null;
public String execute() throws Exception
{
list = DBClass.getInstance().list();
Ite
浏览 4提问于2012-03-30得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
