React native 如何将状态传递给父级？_React Native_Expo_Native Base

React native 如何将状态传递给父级？

react-native

React native 如何将状态传递给父级？,react-native,expo,native-base,React Native,Expo,Native Base,我是个新手，我正在制作一个小的单页应用程序，我正在尝试找出如何将员工ID传递给家长所以这里有一个问题，我已经知道了。。。。但是试图找出一个解决办法将有3个屏幕首先以ID开始当我把它作为下面列出的代码时，每次我输入时，状态都会重新出现，但是它确实有效。打字真的很烦人 import React, { useState } from 'react'; import { Container, Header, Title, Body, Content, Item, Inp

我是个新手，我正在制作一个小的单页应用程序，我正在尝试找出如何将员工ID传递给家长

所以这里有一个问题，我已经知道了。。。。但是试图找出一个解决办法

将有3个屏幕首先以ID开始

当我把它作为下面列出的代码时，每次我输入时，状态都会重新出现，但是它确实有效。打字真的很烦人

import React, { useState } from 'react';
import {
  Container,
  Header,
  Title,
  Body,
  Content,
  Item,
  Input,
  Icon,
  Text,
  View,
} from 'native-base';

export default function App() {
  const [id, setId] = useState('');

  const IdScreen = () => {
    return (
      <View>
        <Text>Enter your Employee ID</Text>
        <Item rounded style={styles.textBox}>
          <Icon type='Ionicons' name='person' style={{ fontSize: 30 }} />
          <Input
            onChangeText={(text) => {
              setId(text);
            }}
            value={id}
          />
        </Item>
      </View>
    );
  };
  return (
    <Container>
      <Header>
        <Body>
          <Title>Employee Enroll</Title>
        </Body>
      </Header>
      <Content>
        <IdScreen />
      </Content>
    </Container>
  );
}

import React，{useState}来自“React”；
进口{
集装箱，
标题，
标题
身体，
内容,，
项目,，
输入，
偶像
文本，
看法
}来自“本土基地”；
导出默认函数App（）{
const[id，setId]=useState（“”）；
常量IdScreen=（）=>{
返回(
输入您的员工ID
{
setId（文本）；
}}
值={id}
/>
);
};
返回(
员工登记
);
}

如果我做了这个改变。。。键入部分很好，但当我将其推送到API时，它将不可读

const IdScreen = () => {
   const [id, setId] = useState('');
    return (
      <View>
        <Text>Enter your Employee ID</Text>
        <Item rounded style={styles.textBox}>
          <Icon type='Ionicons' name='person' style={{ fontSize: 30 }} />
          <Input
            onChangeText={(text) => {
              setId(text);
            }}
            value={id}
          />
        </Item>
      </View>
    );
  };

const IdScreen=（）=>{
const[id，setId]=useState（“”）；
返回(
输入您的员工ID
{
setId（文本）；
}}
值={id}
/>
);
};

我正在寻找一种方法来键入person ID，然后将该状态保存到main函数，以便以后可以使用该变量

我只是不知道怎么做。

首先从

App

组件中取出

IdScreen

组件（您的组件应该在不同的文件中），然后如果您想将id从

IdScreen

传递到

App

，您需要提升状态。为此，您需要执行以下操作：

把这个

const[id，setId]=useState（“”）App

组件中使用code>，然后将setId
功能作为道具传递给IdScreen
组件，如下所示：

然后在IdScreen
组件中，您可以使用setter函数和值作为道具，如下所示：
props.id
和props.setId