Question

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

我的问题是：

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

伪代码

第一

将数据从此组件中的this.state传递给类
在课堂上接收数据并执行某些操作
将数据从此类中的数据传递到组件
在Component中接收数据并执行某些操作

第二

从Class
从组件中检索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;

Answer 1

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

   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);

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

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

1 个答案: