时间戳

首页 > 解决方案 > React 导出数据

javascript - React 导出数据

问题描述

嗨检查下面的代码，

import React, { Component } from 'react';
let ok;
class Mydata extends Component {
    constructor() {
        super();
        this.state = {
          rif: [{
              "instituteName": "SEVILLE SCHOOL AND COLLEGE",
              "instituteAddress": "BALUBARI, SADAR, DINAJPUR"   
          } ]                      
        };
    }

render() {   
console.log(this.state.rif); 
  return (
      <div>
 check Console Log
     </div>
  );
  }
}

export default Mydata;

在这里，我将一些值保留在this.state.rif. 我需要将此值保持为全局值，并希望将其导出this.state.rif到另一个组件以供重复使用。我怎样才能做到这一点 ？

标签： javascriptreactjs

解决方案

您可以使用 Parent 和 Child 方法做到这一点

Mydata.js文件

import NewComponent from './newComponent.js';

class Mydata extends Component {
    constructor() {
        super();
        this.state = {
          rif: [{
              "instituteName": "SEVILLE SCHOOL AND COLLEGE",
              "instituteAddress": "BALUBARI, SADAR, DINAJPUR"   
          } ]                      
        };
    }

render() {   
console.log(this.state.rif); 
  return (
      <div>
 Parent Component
    <NewComponent rif={this.state.rif} />
     </div>
  );
  }
}

export default Mydata;

另一个组件，newComponent.js

class NewComponent extends Component {

render() {   
console.log(this.props.rif); 
  return (
      <div>
 check Console Log newComponent
     </div>
  );
  }
}

export default NewComponent;

推荐阅读