时间戳

首页 > 解决方案 > 将 React Native 前端与 Node 后端连接起来

android - 将 React Native 前端与 Node 后端连接起来

问题描述

如果这是一个愚蠢的问题，请提前抱歉，但我在这里绕圈子。我对 react 和 node 很陌生，并希望将我的 react 原生前端与我的 node 后端连接起来。我读过的几乎每个教程都告诉我“在类声明之后和渲染方法之前粘贴 fetch api 代码”，但我的任何代码中都没有类声明或渲染方法，所以我是对将 fetch api 代码放在哪里有点困惑？我不知道这是否有很大的不同，但我的应用程序的每个屏幕都在它自己的文件中，因为它是自己的功能，我正在使用堆栈导航器在屏幕之间切换，它的功能包含在堆栈导航器的另一个文件中。

如果有人可以为我提供一些帮助，我将不胜感激，我不知道该怎么做。

下面包括我的登录屏幕功能，因此当我说屏幕设置为功能时，您可以了解我的意思。所有其他屏幕的布局方式相同。如果您需要查看其他内容，请告诉我，我将编辑并添加它！

import React from 'react';

function LoginScreen() {
  return(
  <View style={{ alignItems: "center", marginTop: 24 }}>
  <Text style={styles.text}>
    Login Screen
  </Text>
  </View>
 );
}

export default LoginScreen

再一次，我会很感激任何人能给我的帮助，因为这让我发疯了，我真的很想让这个工作！

标签： androidnode.jsreact-nativemobile

解决方案

使用功能组件，您可以在函数中声明“方法”：

function LoginScreen() {
  const submit = () => {
    //do something 
  }

  return <View>
    <Button title="Submit" onPress={submit} />
  </View>
}

推荐阅读