React - Redux Örneği

redux-test.js

import React, { Component } from 'react';
import { connect } from "react-redux";
import axios from 'axios';



import store from './store.js';

import Switcher from './components/Switcher';
import './components/Switcher.css';

import LoginForm from './components/LoginForm';


import './App.css';



class App extends Component {

  constructor(props) {
    super(props);
    this.state = { trackingStatus: true, authStatus: store.authStatus  };
    this.trackingStatusUpdate = this.trackingStatusUpdate.bind(this);
  }

  trackingStatusUpdate(data)
  {
      this.setState({trackingStatus: data});
  }

  tryLogIn(values) {
    console.log(values.email);
  }

  render() {
    const { informations } = this.props;
    console.log(informations);
    let content;
    if(store.authStatus)
    {
        content = (
                <Switcher trackingStatus={this.state.trackingStatus} trackingStatusUpdate={this.trackingStatusUpdate} />
        );
    }
    else
    {
        content = (
                <LoginForm onSubmit={this.tryLogIn} />
        );
    }
    return (
      <div className="App">
      {content}
      </div>
    );
  }
}

//export default App;
export default connect(store => ({
  tracker: store.informations
}))(App)