Tag: reactjs

将Webpack语法转换为browserify语法: 我正在学习Flux，并在使用react-router的app.config中查找一些示例代码： import React from 'react'; import Router from 'react-router'; import { DefaultRoute, Link, Route, RouteHandler } from 'react-router'; import LoginHandler from './components/Login.js'; let App = React.createClass({ render() { return ( <div className="nav"> <Link to="app">Home</Link> <Link to="login">Login</Link> {/* this is the importTant part */} <RouteHandler/> </div> ); } }); let routes = ( <Route name="app" path="/" […]

如果使用reactify，是否需要安装`node-jsx`？: 在我的Nodejs应用程序中，我使用React。我browserify +反应将.jsx文件转换为js文件。我在我的入口js文件中使用这行代码： require('node-jsx').install(); 我注意到， node-jsx已被弃用。如果我已经知道我的反应文件，是否还需要这条线？

Javascript / NodeJS / Express范围混乱: 我正在浏览这个存储库，注意到作者已经在app.js中声明了一个variables（io）： /* Socket.io Communication */ var io = require('socket.io').listen(server); io.sockets.on('connection', socket); 他在public / js / app.js中再次引用该variables，但似乎并没有像我通常所期望的那样引用外部JavaScript文件，所以我很惊讶这不会导致ReferenceError。有人可以请澄清这个例子是什么让这个外部参考io工作？提前谢谢了。

npm安装errno -2的错误: 我正在尝试安装npm，但它显示下面的错误： npm ERR! install Couldn't read dependencies npm ERR! Darwin 14.5.0 npm ERR! argv "/Users/bunniehsieh/.nvm/versions/node/v4.1.0/bin/node" "/Users/bunniehsieh/.nvm/versions/node/v4.1.0/bin/npm" "install" npm ERR! node v4.1.0 npm ERR! npm v2.14.3 npm ERR! path /Users/bunniehsieh/package.json npm ERR! code ENOPACKAGEJSON npm ERR! errno -2 npm ERR! syscall open npm ERR! package.json ENOENT: no such file or directory, open '/Users/bunniehsieh/package.json' npm ERR! package.json […]

如何让debugging器使用反应入门工具包来识别webstorm 10中的源代码映射: 我使用webstorm的预定义的项目模板在webstorm中创build了一个示例反应入门工具包项目，并试图在debugging模式下设置断点。我首先使用npm run build项目，然后设置debuggingconfiguration来运行build/server.js 。但是，它不会识别原始源文件中的任何断点，并且似乎忽略了源映射。我怎样才能让它识别源代码，并允许我在源文件中设置断点以及进入源文件。这个问题的反应入门套件回购： https ： //github.com/kriasoft/react-starter-kit/issues/121，但我看不出是什么决议，不像评论者，我不能甚至让它进入源文件…它只是留在生成的js文件。

我如何使用本地主机上的提取进行CORS请求？: 我正在构build一个与GitHub的API集成的React / Redux应用程序。这个程序将要求用户使用GitHub的OAuthlogin。我试图使用npm包isomorphic-fetch来做请求，但似乎无法让它工作。这是请求： require('isomorphic-fetch'); var types = require(__dirname + '/../constants/action_types'); module.exports.handleAuthClick = function() { return function(dispatch, getState) { var state = getState(); return fetch('http://localhost:3000/auth') .then(function(res) { if (res.status <= 200 && res.status > 300) { // set cookie // return username and token return { type: HANDLE_AUTH_CLICK, data: res.json() }; } throw […]

使用ReactJS和AJAX更新页面内容: 我是新的react.js。我用react.js创build了一个网页，从json文件（文件在服务器）获取数据并显示它。我想在json文件中的变化应该反映在网页上，不用重新加载页面，所以我用下面的代码：（这不是完整的代码） getInitialState: function() { return {data: []}; }, componentDidMount: function() { this.loadFromServer(); setInterval(this.loadFromServer, 2000); } 和loadFromServer（）： loadFromServer: function() { $.ajax({ url: this.props.url, dataType: 'json', cache: false, success: function(data) { this.setState({data: data}); }.bind(this), error: function(xhr, status, err) { console.error(this.props.url, status, err.toString()); }.bind(this) }); } 它运作良好。但是我面临的问题是，即使数据没有变化，它也会每2秒钟持续读取json文件数据。请看这个：这里的文件大小只有8.28 KB，但将来会增加。我想要一个解决scheme，它应该从服务器的JSON文件中提取数据只有当数据发生变化。我使用Nodejs（express）实现服务器。

babel-node无法find模块 – 将预设选项解释为文件名？: 我打电话给这个命令： $ babel-node –presets react,es2015 server.js 但不是运行节点和使用Babel的反应和es2015预设，我得到这个错误： Cannot find module 'C:\websites\rgrjs\react,es2015' at Function.Module._resolveFilename (module.js:326:15) at Function.Module._load (module.js:277:25) at Function.Module.runMain (module.js:430:10) at Object.<anonymous> (C:\Users\Tom\AppData\Roaming\npm\node_modules\babel\lib\_babel-node.js:144:25) at Module._compile (module.js:398:26) at Object.Module._extensions..js (module.js:405:10) at Module.load (module.js:344:32) at Function.Module._load (module.js:301:12) at Function.Module.runMain (module.js:430:10) at startup (node.js:141:18) 这似乎表明，节点解释的react,es2015参数作为一个文件，而不是参数预设选项？我该如何解决这个问题？ babel-node的Babel文档似乎使用与上面相同的语法？我已经尝试添加–文件名称之前，但没有帮助。我对React和Node非常陌生，目前正在通过一门课程，所以如果这是一件非常明显的事情，我很抱歉。这些是我的package.json文件中的依赖关系： "dependencies": { "babel": "^6.3.26", "babel-cli": "^6.4.0", "babel-core": "^6.4.0", […]

如何以及在哪里开始学习与节点，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组件内部转储道具，我无法访问商店。任何帮助感激！