mapDispatchToProps funktioniert nicht. Requisiten leer

Question

Ich erhalte diesen Fehler: this.props.postBooks ist keine Funktion.

Ich habe eine Aktion - PostBooks - die ich versuche über Requisiten zu versenden.

Hier ist meine Komponente:

"use strict" 

import React from 'react' 
import {Well,Panel,FormControl,FormGroup,ControlLabel,Button} from 'react-bootstrap' 
import {connect} from 'react-redux' 
import {bindActionCreators} from 'redux' 
import {postBooks} from '../../actions/booksActions' 
import {findDOMNode} from 'react-dom' 

export class BooksForm extends React.Component{ 

    handleSubmit(){ 
     const book = [{ 
      title: findDOMNode(this.refs.title).value, 
      description: findDOMNode(this.refs.description).value, 
      price: findDOMNode(this.refs.price).value 
     }] 
     this.props.postBooks(book) 
    } 
    render(){ 

     return(
      <Well> 
       <Panel> 
        <FormGroup controlId='title'> 
         <ControlLabel> Title </ControlLabel> 
         <FormControl  
          type='text' 
          placeholder='Enter Title' 
          ref='title' /> 
        </FormGroup> 

        <FormGroup controlId='description'> 
         <ControlLabel> Enter Description </ControlLabel> 
         <FormControl  
          type='text' 
          placeholder='Enter Description' 
          ref='description' /> 
        </FormGroup> 

        <FormGroup controlId='price'> 
         <ControlLabel> Enter Price </ControlLabel> 
         <FormControl  
          type='text' 
          placeholder='Enter Price' 
          ref='price' /> 
        </FormGroup> 
        <Button 
        onClick={this.handleSubmit.bind(this)} 
        bsStyle='primary'> Enter New Book </Button> 

       </Panel> 
      </Well> 
      ) 
    } 

} 

function mapDispatchToProps(dispatch){ 
    return bindActionCreators({postBooks},dispatch) 
} 
export default connect(null,mapDispatchToProps)(BooksForm); 

Es scheint, dass Versand nicht zu Requisiten da auf Konsolenprotokollierung Requisiten wie erwartet abgebildet wird, Requisiten leer sind. Jede Hilfe wird geschätzt. Vielen Dank im Voraus

Edit: Hinzugefügt Aktionen

"use strict" 
// POST A BOOK 
export function postBooks(book){ 
    return { 
     type:"POST_BOOK", 
     payload: book 
    } 
} 
// DELETE A BOOK 
export function deleteBooks(id){ 
    return { 
     type:"DELETE_BOOK", 
     payload: id 
    } 
} 
//UPDATE BOOK 
export function updateBooks(book){ 
    return { 
     type:"UPDATE_BOOK", 
     payload: book 
    } 
} 

//Retrieve all books as if using API 

export function getBooks(){ 
    return{ 
     type:'GET_BOOKS' 
    } 
} 

Answer 1

Bitte versuchen Sie es erneut, nachdem die redux Speicher importieren. Lassen Sie mich wissen, ob das funktioniert oder nicht. Und auch die Verwendung von Refs wird nicht empfohlen. https://facebook.github.io/react/docs/refs-and-the-dom.html

Answer 2

Ich habe es herausgefunden.

Also habe ich Komponente nach oben exportieren und Standard exportieren unten.

bemerkte Webpack gab einen Fehler 'Import und Export möglicherweise nur auf oberster Ebene erscheinen'. Ging voran und entfernte Top-Export und funktioniert jetzt wie erwartet.