Tag: reactjs flux

如何在ReactJS中使用cloudinary?

我目前正在使用reactjs构build一个应用程序。 我试图使用cloudinary节点(npm安装)来处理图像上传,但是当我尝试调用上传function,我得到一个错误post_request.setTimeout() is not a function 。 我已经被困在一个问题了一段时间,并会感谢任何指针。 提前致谢。 我做了什么 npm install cloudinary import cloudinary from 'cloudinary' cloudinary.config(params) cloudinary.uploader.upload( image_url, callback) 从文档,我应该能够调用cloudinary.uploader.upload(file, callback, options)文件是文件名或图像url 日志给出错误post_request.setTimeout() is not a function 我会很感激任何提示,可以帮助这个上传。 提前致谢。

为什么Dispatcher在Flux上启动不必要的事件?

我有一个React / Flux应用程序,其中包含以下组件: header.js subnav-area.js 饲料area.js 我也有相应的商店: navbar-store.js(header) subnav-store.js 饲料store.js …和行动: navbar-actions.js(header) subnav-actions.js 饲料actions.js 当按下subnav上的一个button时,feed和subnav都应该被更新,设置正确的进给types并突出显示激活的subnav元素。 我成功地实现了这个目标,但是我也多次启动一个onChange事件,同样也使用header.js组件,尽pipe它不应该受到这个动作的影响。 在行动中,我打电话给这样的调度员: AppDispathcer.handleViewAction({ actionType: AppConstants.SUBNAV_SET_ACTIVE, _id: subnavItemId }) 当然,这取决于目的。 我的调度员看起来像这样: handleViewAction:function(action){ this.dispatch({source:'VIEW_ACTION',action:action})} 在店里我有这样的事情来处理调度员: dispatcherIndex: AppDispatcher.register(function(payload) { var action = payload.action; switch(action.actionType) { case AppConstants.FILTER_SET_CAT: FeedStore.selectVisibleFeedItems(); break; case AppConstants.FEED_SHOW_MORE: FeedStore.showMoreItems(filterCatName); break; } FeedStore.emitChange(); return true; }) 所有组件都具有以下function(但具有不同的侦听器名称): componentWillMount:function(){ FeedStore.addFeedListener(this._onChange, 'feed-area.js'); }, […]

Flux扔分派器不是一个构造函数

我尝试使用jspm与reactjs。 我工作得很好。 但是当我把它与npm的flux包结合起来的时候。 那么它总是抛出Dispatcher不是一个构造函数错误。 我的代码如下 AppDispatcher.js import Flux from 'flux'; export default new Flux.Dispatcher(); StoreBase.js 'use strict'; import {EventEmitter} from 'events'; import AppDispatcher from '../dispatchers/AppDispatcher'; const CHANGE_EVENT = 'change'; export default class BaseStore extends EventEmitter { constructor() { super(); } subscribe(actionSubscribe) { this._dispatchToken = AppDispatcher.register(actionSubscribe()); } get dispatchToken() { return this._dispatchToken; } emitChange() { this.emit(CHANGE_EVENT); […]

无法读取未定义的属性'__reactAutoBindMap'

在上个星期,我已经完全不知道如何使用React设置服务器端渲染。 这是一个新的项目,但它是一个快速的服务器,我试图渲染一个超级简单的Hello World应用程序使用react-router-component。 我认为我得到一些帮助的最好方法是分享我现在的代码,我希望有人能告诉我我做错了什么! 我在教程后跟随教程,并尝试各种不同的东西,但我不断收到错误后的错误! 这是我的app.js快递服务器,相关的代码是*路线,如果你向下滚动一下: require('node-jsx').install({extension: '.jsx'}); var React = require('react'); var App = require('./src/App.jsx'); var request = require('superagent'); var express = require('express'); var path = require('path'); var favicon = require('serve-favicon'); var logger = require('morgan'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var url = require('url'); //Database and Passport requires var mongoose = […]

EventEmitter vs Facebook的调度员

我正在使用Flux架构。 我在网上读过,为了定义Store,我必须这样做: var AppDispatcher = require('../dispatcher/dispatcher'), //facebook's dispatcher EventEmitter = require('events').EventEmitter, assign = require('object-assign'); var MyStore = assign({}, EventEmitter.prototype, { ….. 据我所知,EventEmitter和Facebook的调度有很多共同之处。 例如,两者都可以发出(或派发)一个事件。 我的问题是为什么我需要EventEmitter和调度程序? 这不是多余的吗? 创build一个包含EventEmitter所需行为的调度程序是不是更好?