Tag: reactjs

如何将React.js / React Native Apps连接到Azure App Service的单个后端实例？

我打算创build1）react.js的Web应用程序2）反应原生android / ios应用程序，我想创build一个统一的node.js后端作为一个单一的APInetworking和移动应用程序。 我还想利用Azure的通知中心和身份validation。 对于身份validation，我还需要有自定义的用户名/密码，而不仅仅是社交帐户。 我该怎么办？ AAD可以实现吗？ 我意识到，虽然Azure对本机iOS / Android应用程序有很好的支持，但它是否支持React / React Native应用程序还不完全清楚。 JavaScript的移动应用程序SDK有多大的帮助？ https://azure.microsoft.com/en-us/documentation/articles/app-service-mobile-html-how-to-use-client-library/ 谢谢！

与基于ES6的多个（React）Node.JS模块导入有问题

我一直在研究一个React项目，并且遇到一个问题，试图使用ES6导入几个导出的React节点模块。 这是我的代码： 我应该可以包含hello文件夹中的AddFriendInput和FriendList ，没有任何问题。 但是当webpack / babel编译时出现这个错误： ERROR in ./src/common/containers/Menu/indexRender.js Module not found: Error: Cannot resolve 'file' or 'directory' ../../hello in /Users/markpaul/Documents/projects/patient-portal-app/src/common/containers/Menu @ ./src/common/containers/Menu/indexRender.js 122:13-35 我的AddFriendInput.js文件的内容如下所示： import React, { Component, PropTypes } from 'react'; export default class AddFriendInput extends Component { constructor(props, context) { super(props, context); this.state = { name: this.props.name || '' }; } […]

为什么试图在反应中导入括号'{'是一个意外的标记？

我正在尝试使用Facebook的固定数据表模块，只需按照此页面上的基本示例： https ： //facebook.github.io/fixed-data-table/ 但是，当我尝试使用“npm run prod”（运行“npm webpack -p”）来使用webpack捆绑我的文件时，出现以下错误： SyntaxError: Unexpected token: punc ({) [./app/index.js:1,0] 这些只是index.js中的一行： import {Table, Column, Cell} from 'fixed-data-table'; 这就是我的package.json文件的样子： { "name": "datatables", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "prod": "webpack -p", "start": "webpack-dev-server" }, "author": "", "license": "ISC", "dependencies": { "fixed-data-table": "^0.6.3", "react": "^15.3.1", "react-dom": "^15.3.1" }, "devDependencies": { […]

为什么没有Node.js Express与MongoDB响应提取API调用（ReactJS和Redux）？

使用ReactJS，Redux，Webpack，Node.js和Express与MongoDB，我正在按照教程https://github.com/vasansr/mern-es6，并试图将其整合到我的项目。 首先，我正在尝试向我创build的服务器发出POST请求。 它会得到一个成功的响应，并且不会logging错误。 然而，在服务器的POST API内，它不loggingconsole.log('Req body', req.body); ，在terminal，我检查数据库是否已经用mongo -> show dbs创buildmongo -> show dbs数据库，但它是空的。 难道是有东西在拦截来自服务器的请求吗？ 可能是什么问题？

在React组件中使用Electron的ipcRender

我正在尝试创build一个小的React应用程序来捕获和设置一个全局快捷方式，用来显示和隐藏Electron应用程序窗口。 然而，当我试图从React组件内部使用ipcRender的时候，我就陷入了困境，引发了下面的错误。 Uncaught Error: Cannot find module "fs" 我正在使用Webpack捆绑我的JS，并编译JSX和ES6语法来导入Electron和ipcRender ，如下面的组件代码所示。 import React from "react"; import electron, { ipcRenderer } from 'electron'; var event2string = require('key-event-to-string')({}); export default React.createClass({ getInitialState: function() { return {shortcut: this.props.globalShortcut[0]}; }, handleOnKeyDown:function(e){ e.preventDefault(); var keys = event2string(e); this.setState({shortcut:keys}); this.props.globalShortcut.splice(0, 1); this.props.globalShortcut.push(keys); }, handleOnKeyUp:function(){ this.refs.shortcutInput.value = this.state.shortcut; this.refs.shortcutInput.blur(); ipcRenderer.send('set-new-shortcut', this.props.globalShortcut); }, handleOnFocus:function(){ […]

我如何从快递服务器传递数据来反应意见？

我有一个简单的快速服务器连接到一个orientdb数据库。 我需要从快递中传递信息来反应意见。 例如，在expression我有： router.get('/', function(req, res, next) { Vertex.getFromClass('Post').then( function (posts) { res.render('index', { title: 'express' }); } ); }); 所以，在这个例子中，我需要在我的反应索引组件中， postsvariables设置组件的状态。 （我只在前端使用反应，而不是在服务器端） class IndexPage extends React.Component { constructor(props) { super(props); this.state = { posts: [] }; } render() { return ( <div> <Posts posts={posts} /> </div> ); } } 我如何从快递中得到回复？ 我发现也许我可以从反应做一个Ajax请求，但我认为这不是最好的方法。 如果我需要以实时的方式获取post，例如使用socket.io，有什么区别？ PD：在expression我有可能使用一些模板引擎像把手或霍根。 这个模板引擎可以帮助这个主题吗？ […]

在Azure上部署反应项目

我想在Azure云上部署我的反应项目。 我已经将它部署在heroku上，部署起来非常简单。 我只需要做git push heroku master把它部署在heroku上。 但是我对如何在蔚蓝的天空上做的事情一无所知。 所以我在我的项目中有一个bulid目录，每次运行gulp命令时都会生成这个目录。 它有所有的构build文件。 任何人都可以请指导我如何继续蔚蓝？ 这是我的项目结构

JWTauthentication系统使用nodejs在网页上

最近我试图build立一个pipe理面板的JWTauthentication系统来pipe理login用户的简单目的，如RESTFUL API或实时数据库（Socket.io）在移动或web使用。但是有几个问题，过度。 现在的状态是我能够使用nodejs创build一个JWT令牌并将其传递到前端。 但之后，我不知道如何处理前端的令牌。 这里是问题 如果我正在使用React，Redux或ReactNative，可以将令牌保存在Redux状态，并通过ajax（Axios）请求调用它，如果不是应该在哪里存储？ 如果我只是想使用它而不是任何一种单页应用程序框架的HTML，我应该在哪里存储令牌（本地存储，cookies，窗口sessionStorage，还有什么别的？） 我听说会话和cookie不是存储令牌的好地方，因为它们容易受到不同的攻击，我怎么能防止呢？ 这是我卡住的最大的一点，我已经创build了一个表单供用户login，按下loginbutton后，我会做一个ajax请求，以获得令牌，收到令牌后，应该如何我保存令牌（根据q2），并通过设置标题{'x-access-token'：token}将用户redirect到受保护的路由？ 如果我想让用户注销，那么有什么正确的方法呢？ （只需从客户端存储中删除令牌？） 我发现了很多有关创build和刷新令牌的教程，但我找不到有关获取令牌后应该做什么的任何教程？ 有什么好的build议，我可以沿着？ 我知道这很奇怪，但我觉得我错过了整个authenticationstream程中的一些核心概念。 任何人都可以根据我上面提出的问题来指出它吗？ 对不起，我的英语不好，我尽我所能用正确的方式说出来。 这是我的github回购的问题https://github.com/xylops/backend 感谢您阅读本文

React / Node / Express / Webpack – 必须返回一个有效的React元素（或null）

链接到源代码： https ： //github.com/manster829/MernStackT 我不断收到错误消息：Uncaught错误：BugTable.render（）：必须返回有效的React元素（或null）。 您可能已经返回未定义的数组或其他无效的对象。 我不知道为什么，我认为这可能与ES6或我的语法有关，但我不明白。 有人有主意吗？ 谢谢 ：）

Webpack构build失败，es6 react.js

我使用React.js，Webpack，…道具语法，箭头函数。 当我运行“npm运行构build”，我得到这个错误： UglifyJs的bundle.js中的错误SyntaxError：意外的令牌punc«（»，expected punc«：»[bundle.js：77854,15] 这是我的debug.log 我的webpack.config 如何成功运行构build？ 我find了导致bug的那一行，这里是： import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table'; 我不知道为什么。 🙁 没有它，所有我的ES6语法工作和编译没有任何错误。 请任何帮助