load data

load.js

dataStore.js
const products = {
  product1 : {category: "Sporting Goods", price: "$49.99", stocked: true, name: "Football"},
  product2 : {category: "Sporting Goods", price: "$9.99", stocked: true, name: "Baseball"},
  product3 : {category: "Sporting Goods", price: "$29.99", stocked: false, name: "Basketball"},
  product4 : {category: "Electronics", price: "$99.99", stocked: true, name: "iPod Touch"},
  product5 : {category: "Electronics", price: "$399.99", stocked: false, name: "iPhone 5"},
  product6 : {category: "Electronics", price: "$199.99", stocked: true, name: "Nexus 7"}
};
export default products;

import React, { Component } from 'react';
import FilterableProductTable from './FilterableProductTable.js'
import DataLoad from './dataStore.js';

class App extends Component {
  constructor() {
    super();
    this.loadDataStore = this.loadDataStore.bind(this);
    this.state = {
      data: {},
    }
  }
  loadDataStore () {
    this.setState({
      data: DataLoad
    });
  }
  render() {
    console.log(this.loadDataStore);
    return (
      <div>
        <FilterableProductTable data={this.loadDataStore}/>
      </div>
      )
  }
}
export default App;

workingreact

dataStore.js
const products = {
  product1 : {category: "Sporting Goods", price: "$49.99", stocked: true, name: "Football"},
  product2 : {category: "Sporting Goods", price: "$9.99", stocked: true, name: "Baseball"},
  product3 : {category: "Sporting Goods", price: "$29.99", stocked: false, name: "Basketball"},
  product4 : {category: "Electronics", price: "$99.99", stocked: true, name: "iPod Touch"},
  product5 : {category: "Electronics", price: "$399.99", stocked: false, name: "iPhone 5"},
  product6 : {category: "Electronics", price: "$199.99", stocked: true, name: "Nexus 7"}
};
export default products;

import React, { Component } from 'react';
import FilterableProductTable from './FilterableProductTable.js'
import DataLoad from './dataStore.js';

class App extends Component {
  constructor() {
    super();
    this.loadDataStore = this.loadDataStore.bind(this);
    this.state = {
      data: {},
    }
  }
  loadDataStore () {
    this.setState({
      data: DataLoad
    });
  }
  render() {
    console.log(this.loadDataStore);
    return (
      <div>
        <FilterableProductTable data={this.loadDataStore}/>
      </div>
      )
  }
}
export default App;