Tag: reactjs

检测React Native中左侧的滑动: 如何在React Native的整个屏幕上检测左滑动？是否有必要使用PanResponder或可以做更简单？

req.session不存储数据: 我试图实现一个login系统，用户可以注册到一个网站，然后用他的帐户login。一旦用户login，他可以编辑他的个人信息。要检查用户是否login，我试图将req.session.isLoggedIn设置为true ，然后检查该值是否为true以访问网站的某些区域。问题是，刚刚login之后，我打印了req.session的值，并看到刚设置的值，但在此之后，当我尝试在另一个路由中检查req.session.isLoggedIn的值时，我得不到值。这是我的代码： const express = require('express'); const app = express(); var { Client } = require('pg'); var bcrypt = require('bcrypt'); var bodyParser = require('body-parser'); var cookieParser = require('cookie-parser'); var cors = require('cors'); var path = require('path'); var session = require('express-session'); var url = require("url"); app.use(cors()); app.use(express.static(path.join(__dirname, 'client/build'))); app.use(cookieParser()); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: […]

不能读取节点中的读取后: 我将数据{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) => […]

如何从Reactjs项目中执行系统脚本？: 我有一个React项目，当用户点击一个button时，我想执行一个服务器端bash脚本。然后该脚本将运行并返回一些输出以显示回用户。我知道NodeJS有一种方法来产生或执行一个特定的命令，但我不知道如何利用我的React项目中的这些function。有谁知道如何做到这一点？

在创build对象时，数组键不会被内插: 我将JSON转换为数组并返回到单独的JSON对象（它与React和子对象有关）。下面的数组工作正常，因为把数组元素放入variables中。但是，当我试图从他们的obj，关键不起作用，它只是作为“myKey” – 为什么？将数组元素转换为对象的正确方法是什么？ var express = require('express'); var app = express(); var bodyParser = require('body-parser'); var methodOverride = require('method-override'); var fetch = require('isomorphic-fetch'); app.use(bodyParser.json()); app.use(methodOverride()); var promise = new Promise(function(resolve, reject) { fetch('https://jsonplaceholder.typicode.com/posts/1').then( function(response){ return response.json(); } ).then(function(jsonData){ result = [] for(var i in jsonData) { result.push([i, jsonData [i]]); } var myKey […]

反应应用程序的状态是不是最新的，我在我的数据库中？: 我正在制作一个小杂货清单应用程序。每当我提交一个表单，我执行一个axios请求将项目添加到数据库，并更新我的“项目”状态，以包含新的杂货项目。问题是，除非我刷新页面，我的状态仍然显示一个空的“项目”数组。 “items”数组的初始状态是从数据库中提取出来的，通过使用componentDidMount并在那里设置“items”的状态。另外，在我的状态，我有当前的用户也从数据库中拉出。如果在添加我的第一个项目之后尝试loginthis.state.currentUser.shoppingList，它将显示一个空数组，即使我可以看到服务器端日志，指出该数组不是空的。这是我的代码： **App Component** import React from 'react'; import ListForm from './ListForm'; import * as helpers from '../helpers'; class App extends React.Component{ state = { currentUser: {}, items: [] } componentDidMount() { console.log('Hello!'); helpers.fetchUser() .then(data => { this.setState({ currentUser: data, items: data.shoppingList }, () => { console.log(this.state) }); }); } […]

自动脚本转换js到jsx在反应的应用程序: 我是REACT的新手，所以如果我混淆了术语，请耐心等待。下面的html文件启动一个反应的应用程序：的index.html <html> <head> <script data-require="react@*" data-semver="15.5.0" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.0/react.min.js"></script> <script data-require="react@*" data-semver="15.5.0" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.0/react-dom.min.js"></script> <script data-require="redux@*" data-semver="3.2.1" src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.2.1/redux.js"></script> <script data-require="react-redux@*" data-semver="4.4.5" src="https://cdnjs.cloudflare.com/ajax/libs/react-redux/4.4.5/react-redux.js"></script> <title>Hello world</title> </head> <body> <h1>Share a sport activity</h1> <div id="appMount"></div> <script src="app.js"></script> </body> </html> 在服务器上的index.html文件夹中，有一个app.jsx文件，但没有app.js文件（参见脚本标签的src属性）。 app.jsx class Communicator extends React.Component { constructor(props) { super(props); this.state = {message: this.props.message}; } resetComm() { this.setState({message: ''}); } […]

使用React导出JavaScript函数: 我正在尝试做一个网站的Facebooklogin。我发布的是一个带有渲染函数的js文件的一段，它返回这个html代码： var hellojs = require('./hello.js'); // See what hello.js does: http://adodson.com/hello.js/demos/profile.html#helloapi-me- //It basically prompts the facebook window to sign up. var React = require('react'); var provide rs = { facebook : 'XXXXXXXXXXXXXXX', twitter : 'XXXXXXXXXXXXXXX',//I have registered my app, XX.. is just for privacy. google : 'XXXXXXXXXXXXXXX' }; //LISTENER FOR LOGIN hellojs.hello.on('auth.login',function(auth){ hellojs.hello(auth.network).api('/me').then(function(response){ var […]

Webpack-dev-server和isomorphic react-node应用程序: 我设法正确使用webpack开发服务器和一个节点服务器（express），使用webpackconfiguration中的插件部分。这一切工作正常，但现在我试图去同构，并在快速应用程序内使用客户端组件。到目前为止唯一的问题，我遇到的是，没有webpack“parsing”我的服务器端代码，我得到的情况下，我需要的组件，但path没有解决 IE 在组件内部 'use strict'; import React from 'react'; import { RouteHandler, Link } from 'react-router'; import Header from 'components/header/main'; // <– This line causes the error because webpack is not working when parsing this JSX server-side export default React.createClass({ displayName: 'App', render() { return ( // … More code 我应该以另一种方式configurationwebpack，还是必须将所有导入更改为有效的服务器端？代码是这里万一你想看到实际的状态https://github.com/vshjxyz/es6-react-flux-node-quickstart

SSL：Heroku，Nodejs，Socketio，ReactJS: 我部署到Heroku的应用程序戳，一切都很好，应该是实时的，但如果你看到控制台不工作，我得到这个错误 Mixed Content: The page at 'https://poke-chat.herokuapp.com/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://localhost:3000/socket.io/?EIO=3&transport=polling&t=1441366303148-19'. This request has been blocked; the content must be served over HTTPS 我不知道为什么：c 这是我的index.js import express from 'express'; import http from 'http'; import engine from 'socket.io'; import dbapi from './db-api'; const port = process.env.PORT || 3000; […]