Tag: redux

ImmutableJS：在一个数组数组里面创build一个对象: 我有一个有点复杂的状态如下： array: array: object, object, etc… array: etc… 简单地说，一个包含许多数组的对象的数组。我试图根据它的Id在这个混乱中find这些对象中的一个，并更新它（即设置一个完成的值为true），但迄今还没有能够。使用Mudash，我设法find这个对象，但我不知道如何再次传递它返回它，我的代码如下： return state.update('data', (arr) => { _.forEach(arr, function(item) { _.forEach(item, function(elt) { if(elt.Id == action.Id) { console.log('Item Found'); elt.set('completed', true); } }); }); return arr; }); 有一些简单的方法来完成这个？谢谢。

Redux – 通过键在状态数组中查找对象并更新其另一个键: 我正在使用后端的NodeJS和前端的React + Redux的CRUD应用程序。这是一个如何运作的快速模式：添加一个项目用户inputpost的标题然后将标题发送到在NodeJS中获取POST路由并通过主体发送标题的调度在NodeJS路由中，我添加了一个新的项目集合与该标题 BACKEND DONE，新的post在服务器中我在步骤2中添加.then()调度function，其中我派遣一个type: 'ADD_POST'并post: post （我从res.json({post: result from database}) ）在我的reducer中，我设置了一个CASE 'ADD_POST': return action.post 完成FRONTEND后，用户现在可以看到同一个post，而不需要刷新我想使用相同的逻辑来更新特定post的喜好。这是我迄今为止所做的：点击一个post上的button会触发一个获取NodeJS PUT路由的调度 NodeJS路由查找使用ID的文章，并添加1到喜欢该post的旧值 BACKEND DONE，现在在服务器上有1个以上我再次添加到获取NodeJS路由的调度中，在该调度中，我分配了一个type 'ADD_LIKE'的操作，并更新了更新的post ID 在reducer中，我设置了一个CASE 'ADD_LIKE':它使用下面代码片段中的代码遍历整个状态。这是这个片段： state.map(item => { if(item.id === action.postid) { //i find the specific item, but now im stuck on how […]

无法从服务器获取对象数组: 我正在写一个简单的网站，显示从服务器的对象列表服务器：index.js var db = [{ username: 'admin', password: '1234', email: 'admin@gmail.com'}]; app.get('/getListAccount', (req, res)=>{ res.send(db); }) 显示：list.js import React from 'react'; import {connect} from 'react-redux'; import axios from 'axios'; class Transaction extends React.Component{ render(){ var {listUser} = this.props; var xhtml = listUser != null ? <p>{listUser.map((e, i)=><p key={i}>{e.username}</p>)}</p>: <p>No user</p>; return ( <div> <h1>Transaction</h1> […]

在NodeJS服务器（我正在使用react-router）的同构react-redux应用程序中设置存储的初始状态，: 我正在尝试从NodeJS服务器设置我的redux商店的初始状态。我不确定我错过了什么，以及如何使其工作。这是我的server.js const express = require('express'); const path = require('path'); const webpack = require('webpack'); const webpackDevMiddleware = require('webpack-dev-middleware'); const webpackHotMiddleware = require('webpack-hot-middleware'); const webpackHotServerMiddleware = require('webpack-hot-server-middleware'); const config = require('./webpack/webpack.development.config.js'); const compiler = webpack(config); const app = express(); app.use(webpackHotMiddleware(compiler.compilers.find( compiler => compiler.name === 'client' ))); app.use(webpackHotServerMiddleware(compiler)); app.listen(3000); 这是我的webpack.development.config const path = require('path'); module.exports = […]

如何运行redux-router的基本示例: 我正在尝试使用redux-router ，我正在尝试运行基本示例。但简单， npm start 不起作用，下面的错误信息 node: bad option: -r 我是现代生态系统的初学者。你能告诉我如何运行这个示例？

反应路由器版本4不显示任何东西: 我认为我在使用我的React路由器时出错了。我是React / Redux的初学者，所以任何帮助真的很感激。这也可能是我如何configurationwebpack，但我的前端是什么都没有显示，但我没有得到任何错误。我不知道是什么问题，但我的服务器启动，能够填充模拟数据，和webpack编译，所以我认为后端工程。我很抱歉的代码墙，但我真的不知道我要去哪里错了，我是一个巨大的新手设置这个。这绝对是我写过的最长的文章，所以我感谢任何人看看它。我的客户端/ src /路由： import React from 'react' import { BrowserRouter as Router, Route, Link } from 'react-router-dom' import HomePage from './components/home/HomePage'; import { Layout } from './components/Layout'; export const App = () => ( <Layout> <Switch> <Route exact path="/" component={HomePage} /> </Switch> </Layout> ); export default App; […]

不能读取节点中的读取后: 我将数据{id: "abc123", text: "sometext"}到节点API。从action调用的组件发布： export function addTextToAPI(inputData) { return(dispatch) => { console.log(inputData), dispatch(addText(inputData)) fetch(myapi, { headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, method: 'POST', data: inputData }) .then(res => res.json()) } } console.log（inputData）是{id: "abc123", text: "sometext"} 节点： var express = require('express'); var bodyParser = require('body-parser'); var app = express(); app.use(bodyParser.json()); app.post('/addtest', (req, res) => […]

如何在redux行动中实现承诺: 如何在redux动作中首先进行api调用，然后调度GET_TODO？ // first the api call has to be made, export function getTodos() { return { type: 'GET_TODOS', promise: request.get(API_URL) } } 那么它需要parsing响应 // using https://github.com/Leonidas-from-XIV/node-xml2js parseString(res, function (err, result) { // data gets parsed here }); 然后它必须发起事件。我试图如下，但它是抛出错误 const request = axios.get(url).then(res=>{ parseString(res, function (err, result) { if(result){ dispatch({ type: GET_TODOS, data:result }) } […]

React / Redux – 无法读取未定义的属性“XXX”: 这是我一直坚持了两个多星期的事情，所以这个问题是我最后的机会。我希望任何人都可以帮助我（因为问题很可能是小事/我错过了）使用Node，Redux和React，我从Mongo数据库返回一个集合。我正在使用react-redux“连接”从我的商店检索我的数据如在我的JSX下面看到的。 JSX： import React from "react"; import {connect} from "react-redux" import {fetchArticle} from "../../actions/articleActions" var classNames = require('classnames'); import GlobalHero from '../modules/GlobalHero.jsx'; @connect((store) => { return {article: store.article.article, fetching: store.article.fetching}; }) export default class Article extends React.Component { // BEFORE COMPONENT RENDER (For Everyhing else) constructor() { super(); //sets initial state this.state […]

TypeError：从Redux使用连接时_this.store.getState不是函数: 当我第一次运行服务器node app.js一切都很好，我listening on 5050然后我去localhost：5050 /，我得到这些警告在服务器运行的控制台。 Warning: Failed propType: Required prop `store.subscribe` was not specified in `Provider`. Warning: Failed Context Types: Required child context `store.subscribe` was not specified in `Provider`. 该组件呈现罚款那里，但一旦我去本地主机：5050 / ballerviews我得到这个在服务器上 TypeError: _this.store.getState is not a function at new Connect (/Users/freddiecabrera/Desktop/ullibol-client/node_modules/react-redux/lib/components/connect.js:133:38) at [object Object].ReactCompositeComponentMixin.mountComponent (/Users/freddiecabrera/Desktop/ullibol-client/node_modules/react/lib/ReactCompositeComponent.js:148:18) at [object Object].wrapper [as mountComponent] (/Users/freddiecabrera/Desktop/ullibol-client/node_modules/react/lib/ReactPerf.js:66:21) at Object.ReactReconciler.mountComponent (/Users/freddiecabrera/Desktop/ullibol-client/node_modules/react/lib/ReactReconciler.js:37:35) […]