React-Native - 在Component和Class之间传递数据

Posted 2021-04-01

我试图在文件之间传递数据，特别是在React-Native组件和类之间传递数据。目标是将数据从Component传递到处理API调用的Class。先感谢您。

我的问题是：

• 如何将数据从Component传递给Class和Class传递给Component？
• AsyncStorage是否适用于这种情况？

伪代码

第一

• 将数据从this.state传递到Component中
• 在Class中接收数据并做一些事情
• 将数据从此类中的数据传递到组件
• 在Component中接收数据并执行某些操作

第二

• 从Class中的函数检索Component中的数据
• 从Component中检索Class中的数据

Component.js

该文件将主动生成Class.js数据

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

// Custom ***********************************************************************
let Class = require('./Class')

export class Component extends Component {
    constructor(props) {
        super(props);

        this.state = {
            parent: "Parent data", // Access to this in the Class.js
            child: null,
        }
    };

    _componentData = () => {
        let componentData = "Func component data." // Access to this in the Class.js
        return componentData
    }



    render() {
        return(
            <View>
            </ View>
        );
    }
};

Class.js

此文件将从Component.js接收数据并处理API调用。

import Component from './Component'

class Class {
    constructor() {
        this.data = {
            component: null,
            class: "Class data" // Access to this in the Component.js
        }
    }

    static _classData = () => {

        let classData = "Func class data" // Access to this in the Component.js
        return classData
    }

};

module.exports = Class;

答案

你的代码很复杂，但据我所知，你想从另一个页面获取数据，我曾经在一个项目中完成了他的工作 主文件

   constructor(props) {
    super(props);

    this.state = {                   
        superBasket: []
    };


}
static basketUpdater(newItems) {
    let basket = context.state.superBasket;

    this.setState({superBasket: newItems});


}

我将main.basketUpdater作为prop发送给第二个文件

 this.props.basketUpdater(basket);

这也可以导致基于示例的变异如果运行到一个我将很乐意解决它