时间戳

首页 > 解决方案 > 从另一个页面 React Native 导入和使用变量

javascript - 从另一个页面 React Native 导入和使用变量

问题描述

屏幕一

export class Register extends Component {
      constructor(props) {
        super(props);
    
        this.state = {
          number1=0
        };
    
         render() {
        const {
          number1
        } = this.state;
    
        var NewNumber = number1 + 1; <---------
    
        return (
    
         <TextInput
                    onChangeText={(mynumber) => this.setState({ mynumber })}
                  />

屏幕 2

export class Diet extends Component {
      render() {

          return (
 
               <Text>NewNumber</Text> <------------

嘿，我正在尝试NewNumber从页面导出变量并将其导入以在另一个页面上使用它，我正在使用 react-navigation，我该怎么做？

标签： javascriptreactjsreact-native

解决方案

您可以导入第一个类并实例化它以访问它的属性，如下所示：

 import {Register} from 'Path';

 var user = new Register();

 console.log(user.NewNumber);

编辑：如果你想在组件之间共享状态，我建议使用像 Redux 这样的状态管理

推荐阅读