TabCompany.js

import React, {Component} from 'react';
import {View, Button} from 'react-native';
import {connect} from 'react-redux';
import {DeleteItem } from '../src/action/company';
import {CheckPassword} from '../src/action/login';

class TabCompany extends React.Component {
  constructor(props) {
    super(props);
  }
  on_delete= (obj) => {
        this.props.DeleteItem(this.props.data.id);
  }
  on_checkPassword= (obj) => {
    this.props.CheckPassword(this.props.data);
}
  render() {
    return (
      <View >
             {this.props.companyReducer.title}
            <Button title="delete" onPress={()=>{this.on_edit}}></Button>
            <Button title="check password" onPress={()=>{this.on_checkPassword}}></Button>
      </View>
    );
  }
}

const mapStateToProp = (state) => {
  return {
    companyReducer: state.companyReducer,
    loginReducer: state.loginReducer
  }
}
const mapDispatchToProp = {
  DeleteItem, CheckPassword 
};

export default connect(mapStateToProp, mapDispatchToProp)(TabCompany);

จากตัวอย่างคอมโพเนนท์นี้มีการเรียกใช้ Reducer 2 ตัว คือ companyReducer กับ loginReducer 

mapStateToProp() => เพื่อ ผูก State ใน Reducer เข้ากับ property ของ Component เพื่อให้ง่ายต่อการเรียกใช้ State

mapDispatchToProp() => เพื่อ ผูก Dispatch  เข้ากับ property ของ Component เพื่อให้ง่ายต่อการเรียกใช้ Dispatch

มีการเรียกใช้ connect() ใน react-redux เพื่อเชื่อมต่อ State กับ Dispatchg เข้ากับ Component "TabCompany"