Tag: redux

如何在我的React应用程序中使用猪拉丁语翻译器npm模块: 我需要编写一个React / Redux应用程序来将英文句子翻译成Pig Latin。我发现有一些已经存在的npm 模块用于这个目的，因此想到重用它们。我为这个翻译写了一个简单的function组件，如下所示。 import _ from 'lodash'; import React from 'react'; import piglatin from 'piglatin'; function convertToPigLatin(data){ // https://www.npmjs.com/package/piglatin // return pigLatin(data); } export default (props) => { console.log(props.data); console.log(piglatin('hello there')); // Works fine console.log(piglatin(props.data)); // gives an ERROR return ( <label>Hello !</label> ) } 简单地说，我只是想将翻译后的文本logging到控制台中，但是当我尝试这个function后，在根据下面的答案更改硬编码文本后可以正常工作。 console.log(piglatin('hello there')); // Works fine […]

为什么在组件导出期间应用HOC而不是导入组件: 我基本的理解是，像连接（用于连接REDX存储）和其他HOC的HOC在输出时应用于组件。喜欢这个 import React, { Component } from 'react'; import './App.css'; import myHoc from './myHoc/index'; class App extends Component { render() { return ( <div className="App"> </div>); } } export default myHoc({})(App); 如果在import过程中使用HOC会更好，因为这样可以更容易地制造可重复使用的组件。相同的组件可以从商店或道具中挑选道具，并且由父组件负责检查在组件上应该应用什么HOC。我知道我们可以使用容器组件和呈现子组件，但只是在JSX中添加代码（如果有许多容器组件，将看起来不错）尽pipe我们可以这样做 import React, { Component } from 'react'; import './App.css'; import myHoc from './myHoc/index'; import AppChild from './AppChild'; const NewAppChild […]

在通用应用程序中呈现reactjs组件之前如何获取localStorage？: 我将“一些”用户的会话数据存储在客户端的localStorage ，我需要在服务器呈现之后以及reactjs应用程序加载之前获取这些数据，以便检查用户会话是否有效。如果用户会话有效，则使用用户数据更新Reduce存储; 否则，我保持原样。我正在使用react-router的onEnter挂钩来检查用户的会话是否有效。问题是我正在请求保存在服务器端的localStorage （我知道不可用）的数据。因此，我需要一种方法来检查服务器渲染后的localStorage ，并准备好onEnter钩子。我也想知道在服务器端是否有办法请求客户端的localStorage ？

如何以及在哪里开始学习与节点，webpack，redux，反应？: 我想做一个web应用程序前端的节点，webpack，redux，反应和后端与rails api项目。我没有find任何教程与所有这些。我需要一些解决scheme，我必须开始学习和创build我的项目？ [有很多教程/电子书/文件分开的每个部分，但我需要一个单一的教程或文档中的这些部分的path]还想要一些教程如何我可以连接到rails api项目和前端项目？

从redux-simple-router儿童访问redux商店: 我试图弄清楚如何从路由内部访问redux存储，这样我就可以从路由内派发动作。以下是我的顶级组件的外观： class App extends Component { render() { return ( <div> { children } </div> ); } } 我的redux-simple-router代码如下所示： render( <Provider store={store}> <Router history={history}> <Route path="/" component={App}> <IndexRoute component={ Home } /> <Route path="/example" component={ ExampleRoute } /> </Route> </Router> </Provider>, rootElement ) 如果我从ExampleRoute组件内部转储道具，我无法访问商店。任何帮助感激！

Redux使用node.jsreplace整个数据库？: 如果在node.js上运行，Redux可以replace整个数据库（考虑数据持久性的原因，我们使用传统数据库，比如mySQL）吗？如何做呢？有没有限制？

Redux动作在状态改变时被不必要地触发: 我正在尝试将socketCluster与一个简单的redux应用程序集成在一起。目前，只有一个function可以将组件当前状态的值通过中间件发送给服务器。这是我的actions.js文件 export function signupRequest(creds){ return{ type: SIGNUP_REQUEST, isFetching: true, isAuthenticated: false, creds } } 我的减速器： function signUp(state={ isFetching:false, isAuthenticated: localStorage.getItem('id_token')? true : false },action) { switch(action.type){ case SIGNUP_REQUEST: return Object.assign({},state,{ isFetching:true, isAuthenticated: false, user: action.creds }) } 我有一个中间件function，负责发送到服务器的input middleware.js export default socket => store => next => action => { socket.emit('action',action); } 我的客户端的index.js文件 […]

这是什么意思NODE_PATH = $ NODE_PATH：./共享节点 – 和谐: 我正在按照这个教程，我从Windows背景 https://github.com/bananaoomarang/isomorphic-redux 我可以知道这是什么意思？ "dev": "NODE_PATH=$NODE_PATH:./shared node –harmony .", 我只看到根目录的索引文件相当于这个在Windows上将是 "dev": "node ./shared node –harmony .",

npm ls是否匹配模式？: 我刚刚安装了几个软件包以开始使用Redux ： npm install –no-optional –save-dev redux-devtools npm install –no-optional –save react-redux 然后，我想确保一切安装，所以我检查与npm ls ： $ npm ls react redux MyProject@ /home/me/projects/myproject ├── react@15.3.0 └── redux@3.5.2 是的，他们在这里！不过，我不知道是否有办法检查所有的软件包以re开始。这两个命令： npm ls re* npm ls re 返回相同的错误： MyProject@ /home/me/projects/myproject └── (empty) npm ERR! code 1 我以为npm search可以做到这一点，但据我了解，它寻找可用的包，不仅是你已经安装在你的机器。 $ npm search re* NAME DESCRIPTION AUTHOR requirements-txt requirements-txt […]

将Express React Redux模板部署到Heroku的步骤: 有限的Node和部署到Heroku的经验。我已经使用这个样板build立了一些东西： https ： //github.com/DimitriMikadze/express-react-redux-starter，但我不确定如何设置模板部署到Heroku。任何基本的步骤将是超级有用的。谢谢！