React를 사용하여 여러 파일에서 변수를 호출 하시겠습니까?

Question

내 코드과 같이 배치 :

가 IndexDB가 Dexie.js 래퍼 사용 datastored 변수를 통해

var React = require('react'); 
var ReactDOM = require('react-dom'); 
var Console = require('./console.jsx'); 
var Dashboard = require('./dashboard.jsx'); 

var datastored = new Dexie('Notes'); 
datastored.version(1).stores({entries:'++id, title, entry' }); 
datastored.open().catch(function(err){alert("Could not open database:"+err)}); 

이 main.jsx 부츠가 내 데이터베이스을 main.jsx. 이제 다른 파일 (예 : console.jsx 또는 dashboard.jsx)의 변수 datastored을 호출하고 싶습니다.

내 특별한 경우에 <Addnote/>이 <Dashboard/>입니다. 안에 <Addnote/> 나는이 기능이있다. sendthru이 시작되면

addnote.jsx는

sendthru:function(){ 
    var newInput = { 
    title: this.inputTitle.value, 
    entry: this.inputEntry.value  
    }; 
    datastored.entries.add(newInput).then(()=>this.runcheck()); 
    this.inputTitle.value = ''; 
    this.inputEntry.value = '';  
},  

그러나, 내 콘솔 오류는 datastored is not defined을 말한다. 그래서 내 전체 앱이 datastored 변수를 호출 할 수있게 할 수 있을지 궁금하다.

Answer 1

다른 모듈에 데이터를 저장할 수 있습니다. 모듈은 싱글 톤이므로 자신 만의 파일 (예 : storage.js)을 만들 수 있으며 나머지는 코드의 나머지 부분에서 사용할 수 있도록하려는 필드가있는 객체를 내 보냅니다. 그런 다음 require('./storage')을 사용하면 다른 모든 곳의 동일한 데이터에 액세스 할 수 있습니다.