Articles of reactjs

如何在同一端口上启动反应和节点API服务器?

我在port 8080上构build了一个简单的express API。 在另一个端口(3000)我build立客户端反应,从我的快递API端点获取数据。 为此,我将不得不在独立的端口上运行这两个应用程序。 我怎样才能在相同的端口运行这两个例如。 8080? 我很新。 帮助将非常感激。

NodeJS / MongoDB – 字段只添加一次?

我正在学习与Node(Express / Mongoose)和MongoDB的React,一切似乎现在按预期工作,但我有这个大问题: var userSchema = new mongoose.Schema({ login: { type: String, required: true, unique: true }, password: { type: String, required: true } }) app.post('/registerUser', function (req, res) { res.send(req.body) db.on('error', console.error.bind(console, 'connection error:')) // save user using model var user = new UserModel(req.body) user.save() } 每次我POSTlogin和密码,它只被保存一次,然后结束。 所以例如,如果我发送POST三次: login=admin&password=admin login=admin2&password=admin2 login=admin3&password=admin3 db.users.count()显示1 , 只有第一个POST […]

你应该发布你的stream式文件夹到NPM吗?

我想知道是否和在什么条件下,你应该发布你的包flow-typed文件夹NPM。 也许(和我一直在想的)答案从来没有,应用程序开发人员自己使用streamtypes,但flow-typed install可能只是为自己声明的依赖关系提供定义,而不是包内的依赖关系。 所以简而言之,如果你的软件包有非对等streamtypes的依赖关系,我应该发布我的flow-typed文件夹,或者我应该npmignore它?

在create-react-app项目中增加JavaScript堆大小

节点通过传入–max-old-space-size命令行标志来增加堆大小。 在create-react-app项目中,一切都取决于使用react-scripts。 如何在这样的项目中传递这个参数,我应该在哪里做最好的? 谢谢你的帮助。

React Setup'npm run build'error'意外标记'b'在18:4“

目前使用本教程: http : //www.zsoltnagy.eu/step-by-step-environment-setup-of-the-react-developer-no-legacy-2016-standards/ 我以为我正确地遵循了一切,但当我尝试第七步,我得到这个错误(见图片)。 这里是我的package.json文件 – 我承认我可能改变了一些东西,同时试图让我自己的工作。 { "name": "rapp", "version": "1.0.0", "description": "\"\"", "main": "index.js", "repository": { "type": "git", "url": "\"\"" }, "keywords": [ "\"\"" ], "author": "\"BH0\"", "license": "ISC", "scripts": { "test": "\"\"" "build": "webpack -d && cp src/app/index.html dist/index.html && webpack-dev-server –hot –inline –colors –progress –content-base src/", "build-prod": "webpack -p && […]

通过节点/反应中的“新请求”,如何通过GET请求传递参数?

我在我的reactjs应用程序中有以下的API调用: static getAllSkills(title_id) { const request = new Request(`http://localhost:4300/api/v1/job_title_skills`, { method: 'GET', headers: new Headers({ 'Content-Type': 'application/json' }), body: JSON.stringify({title_id: title_id}) }); return fetch(request).then(response => { return response.json(); }).catch(error => { return error; }); } 哪一个指向一个Rails的端点,期望的参数title_id像这样: def index @skills = Skill.where(id: params[:title_id]) …. end 控制器正在期待一个GET请求但是与上述,我得到以下JS控制台错误: Uncaught TypeError: Failed to construct 'Request': Request with GET/HEAD method […]

与Webpack的ReactJS:未捕获的ReferenceError:需求未定义

以下是我的webpack.config.js。 在浏览器开发工具中,获取“Uncaught ReferenceError:require is not defined” 如果我删除“目标”:“节点”,然后错误“未捕获TypeError:fs.​​readFileSync是不是一个函数”被抛出。 var config = { entry: './main.js', output: { filename: './index.js', }, devServer: { inline: true, port: 8080 }, node: { fs: "empty" }, module: { loaders: [ { test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader', query: { presets: ['es2015', 'react'] } } ] }, target: 'node' } module.exports = […]

服务器没有返回JSON从Express到React(代理)

我正在尝试制作一个具有React前端(在端口8080上运行)和一个Express-Node.js后端(在端口3000上)的应用程序。 我希望我的客户使用fetch从我的服务器请求数据。 到目前为止,我在线阅读的内容表明,我需要使用http://localhost:3000的值向我的package.json添加一个proxy项。 我这样做了,我的服务器正确接收请求,但它的响应不是我所期望的(一个JSON对象)。 我究竟做错了什么? //Server app.get('/search', function(req, res) { … //console.log(section) <– Is the correct value res.json(section); }) … app.listen(3000) //Client handleTouchTap() { fetch('/search?crn=10001').then(function(response) { //<– Hard-coded for testing return response; //<– Does not contain the value of "section" from server }).then(function(data) { console.log(data); //<– Likewise, does not contain the value }); } //From […]

Webpack&Babel:服务器端渲染React组件“Unexpected token”<'“

我一直在调查这个问题3天,但不能得到它的工作。 完整的错误是: C:\Users\XXXXXX\WebstormProjects\XXXX\server\routes\auth.jsx:58 return res.send(ReactDOMServer.renderToString(<LoginPage />)); ^ SyntaxError: Unexpected token < at createScript (vm.js:56:10) at Object.runInThisContext (vm.js:97:10) at Module._compile (module.js:542:28) at Object.Module._extensions..js (module.js:579:10) at Module.load (module.js:487:32) at tryModuleLoad (module.js:446:12) at Function.Module._load (module.js:438:3) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object.<anonymous> (C:\Users\XXXXXX\WebstormProjects\XXXX\index.js:10:20) 这是我的webpack.config.js: const path = require('path'); module.exports = { entry: path.join(__dirname, '/client/src/app.jsx'), output: { path: […]

反应:防止点击滚动条传播

我有一个可滚动的div,不幸的是我也有事件关联在div上的onMouseDown。 我的问题是,当我想通过点击滚动条滚动那些事件然后被解雇。 有没有办法让它,所以我可以防止滚动条上的鼠标事件传播?