redux Aktion "keine Funktion" wird ausgelöst, wenn von der Komponente

Ich versuche, eine app erstellen, die mit einer CSV-upload. Wenn Sie eine CSV hochgeladen ist, wird es den Zustand ändern und dann werde ich Parsen von CSV nach JSON und machen Sachen mit ihm. Die Idee ist, eine Datei hochladen und update-Status. Sobald dieser Zustand ist aktualisiert, ich würde übergeben Sie die CSV ein Meteor.Methode zum Parsen von JSON.
Ich bin mit Meteor, zu Reagieren und Redux. Ich habe eine Komponente für das hochladen, eine Aktion und einen Druckminderer. Alle Dateien sind unten - ich bin neu auf Meteor Reagieren und Redux und ich kann nicht herausfinden, für das Leben von mir, warum das nicht funktioniert. Ich glaube nicht, dass ich bin voll und ganz verstehen, was ich versuche zu erreichen. Alle Vorschläge sind willkommen.

FEHLER Uncaught TypeError: fileUpload ist nicht eine Funktion UploadCSV.jsx

//ACTIONS - fileUpload.js
export default function fileUpload(file) {
  return {
    type: 'FILE_UPLOAD',
    file
  };
}



//REDUCERS - upLoad.js
export default function upLoad(state = 'NO_FILE', action = {}) {
  switch (action.type) {
    case 'FILE_UPLOAD':
      return action.file;
    default:
      return state;
  }
}



//COMPONENTS - UploadCSV.jsx
import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';
import Dropzone from 'react-dropzone';
import { RaisedButton } from 'material-ui';
import { Colors } from 'material-ui';
import fileUpload from '../actions/fileUpload.js';
import { uploadCSV } from '../actions/uploadCSV.js';

class UploadCSV extends Component {
  render( dispatch, file, fileUpload ) {
    const onDrop = (file) => {
      console.log(file);
    }
    const upLoad = () => {
      this.props.dispatch(fileUpload(file));
    };
    return (
      <div>
        <Dropzone accept="csv"
                  onDrop={ () => {
                      return upLoad();
                    }}>
          <div>Click or drop files here.</div>
        </Dropzone>
      </div>
    )
  }
}

export default connect()(UploadCSV);

Ich verstehe nicht, warum fileUpload "keine Funktion", wenn es eine Aktion und es wird importiert.? Wenn jemand eine hand zu verleihen, ich würde es zu schätzen wissen.

Dank!

InformationsquelleAutor Brandon Baum | 2016-04-13
Schreibe einen Kommentar