Tag: reactjs

根据路由中的反应将数据加载到组件中: 我刚刚开始学习React，我觉得我面临着大多数初学者将面临的共同问题。我正在构build一个非常简单的React应用程序。我打算build立一个网站，导航和一些dynamic的内容，根据点击导航项目而变化。但是，内容始终具有相同的布局，因此唯一需要更改的部分是显示在内容组件中的数据。我设法build立一个工作版本，但它感觉不对，因为它没有更新内容组件。相反，我为每个页面创build了一个从两个不同文件（data.js和data2.js）加载数据的新组件（List.js和List2.js）。我现在想知道如何才能使用一个组件（list.js），并始终根据导航中单击的类别更新其内容。这是我现在的代码： App.js import React, { Component } from 'react' import List from '../components/List' import Nav from '../components/Nav' import data from '../src/data/data' require ('../src/sass/App.scss'); class App extends Component { render () { return ( <div className="wrapper"> <Nav /> {this.props.children} </div> ) } } export default App routes.js import React […]

运行MERNtesting的问题: 我正在考虑使用MERN框架进行一个新项目，到目前为止，我并不看好我所看到的。我已经按照mern-cli设置项目的方向，项目确实已经创build并且运行正确，但是当我执行时… npm run test 我得到… > mern-starter@2.0.0 test /Users/acooley/workspace/node_datacenter > cross-env NODE_ENV=test PORT=8080 MONGO_URL=mongodb://localhost:27017/mern-test node_modules/.bin/nyc node –harmony-proxies node_modules/.bin/ava /usr/local/Cellar/node/7.1.0/bin/node: bad option: –harmony-proxies ———-|———-|———-|———-|———-|—————-| File | % Stmts | % Branch | % Funcs | % Lines |Uncovered Lines | ———-|———-|———-|———-|———-|—————-| ———-|———-|———-|———-|———-|—————-| All files | 100 | 100 | 100 | 100 | | ———-|———-|———-|———-|———-|—————-| […]

不能用npm安装任何东西（反应）: 我已经为我的第一个反应项目克隆了Hot Reload Boilerplate（ https://github.com/gaearon/react-hot-boilerplate ）。前几天可以使用npm install –save react-router安装React Router。但是现在我想安装像Axios这样的依赖关系来使用JSON（ https://github.com/mzabriskie/axios ）获取数据，或者从https://facebook.github.io/react/docs/animation.html获得这个ReactCSSTransitionGroup ，但是当我运行npm install axios我继续ketting这些错误： npm ERR! Darwin 15.6.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "–save" "axios" npm ERR! node v4.5.0 npm ERR! npm v2.15.9 npm ERR! code EPEERINVALID npm ERR! peerinvalid The package react@0.14.8 does not satisfy its siblings' peerDependencies requirements! npm ERR! […]

在React文件中包含NPM模块：Webpack无法parsing: 根据我在这里和这里阅读的内容，将反应模块发布到NPM，然后在另一个项目中使用它，而组件本身位于node_modules导向器中的方式应该如下所示写一个模块，然后导出它 package.json本名填写package.json的main属性，在我的例子中是dist/index.js npm install从你想要包含它的项目npm install它从服务器静态地提供脚本。我有看起来像这样的服务于js文件的东西： app.use('public/componentA', express.static(path.join('node_modules', 'componentA')); 这不是完全真实的代码，但它的工作原理，如果我加载它，我可以在浏览器中看到JS。需要组件 index.js var React = require('react'); var Component = require('../public/componentA/'); var hook = document.getElementById('hook'); React.render(Component, hook); 但是，当我尝试webpack这个我得到的错误 ./lib/index.js中的错误找不到模块：错误：无法parsing/ Users / me / Documents / tests / reactcomponenttest / lib目录中的“./public/componentA” 这是什么阻止我使用我的模块？我认为public目录除了特定的端口以外不可用。如果是这种情况，我们如何使用第二个链接中的节点usebuild议？

如何在文件夹中安装npm: 这是文件夹结构我有一个npm安装文件夹，当我复制该文件夹，并在桌面上运行它不工作。我使用npm run ds运行服务器并查看网站。我的桌面没有npm。什么是安装npm文件夹并运行react.js网站的程序？

运行一个React应用程序作为后台进程: 我对于部署前端代码和问题是全新的。我有一个React应用程序，我需要作为后台进程运行，但是我有点困惑如何做到这一点。我运行一个npm脚本 npm run build 在服务器上构build，缩小和服务项目。构build过程的相关代码是这样的。 "prebuild": "npm-run-all clean-dist test lint build:html", "build": "babel-node tools/build.js", "postbuild": "babel-node tools/distServer.js" 这是distServer.js中的代码 import express from 'express'; import path from 'path'; import open from 'open'; import compression from 'compression'; const port = 3000; const app = express(); app.use(compression()); app.use(express.static('dist')); app.get('*', function(req, res){ res.sendFile(path.join(__dirname, '../dist/index.html')); }); app.listen(port, function(err){ […]

让我的React前端与我的Express服务器通话: 所以我有一个运行Apache，Node和Mongo的Digital Ocean Ubuntu VPS。我可以通过服务器上的CURL从我的数据库返回数据。节点后端肯定在端口3000上运行。我的React前端使用Fetch，我现在指向localhost：3000。这是错的吗？我也有点困惑，我的前端React包应该在我的server.js服务器上。那很重要吗？我可以通过我的域访问前端，它不是像我在本地工作时那样抓取数据。我必须在我的server.js中丢失一些东西来让他们相互交stream 我阅读了关于Apache VirtualHost以及如何可能成为在单个Apache服务器上运行节点应用程序的必要组件。让我知道，如果你知道一件事或两件事。这里是前端的httpservice.js文件： var Fetch = require('whatwg-fetch'); var baseUrl = 'http://localhost:3000'; var service = { get: function(url) { return fetch(baseUrl + url) .then(function(response) { return response.json(); }); }, post: function(url, ingredient) { return fetch(baseUrl + url, { headers: { 'Accept': 'text/plain', 'Content-Type': 'application/json' […]

无法安装react-native Nativebase：执行任务失败：app：compileDebugJavaWithJavac': 尝试在Windows 10上为我的React Native项目安装NativeBase时遇到以下问题 react-native init RNapp cd RNapp npm install native-base –save react-native link react-native-vector-icons 编辑android/app/build.gradle并将以下内容添加到文件末尾： apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" 运行echo %JAVA_HOME%会给出C:\Program Files\Java\jdk1.8.0_111 现在当我跑步 react-native run-android 生成失败，出现以下错误。有没有解决这个问题？ C:\Users\y\RNapp\android\app\src\main\java\com\rnapp\MainApplication.java:6: error: cannot find s mbol import com.facebook.react.ReactApplication; ^ symbol: class ReactApplication location: package com.facebook.react C:\Users\y\RNapp\android\app\src\main\java\com\rnapp\MainApplication.java:9: error: cannot find s mbol import com.facebook.react.ReactNativeHost; ^ symbol: class ReactNativeHost location: […]

ReactJS – 警告：未知的道具: 我创build了一个简单的应用程序来searchvideo使用youtube-api，但是当我使用npm start它没有给我任何错误，但给我警告Warning: Unknown prop onItemSearched on <searchItem> tag. Remove this prop from the element. in searchItem (created by listItem) in div (created by listItem) in listItem on <searchItem> tag. Remove this prop from the element. in searchItem (created by listItem) in div (created by listItem) in listItem 这是我的代码： var React = require('react'); var Item = […]

承载没有端口的Nodejs应用程序: 我有一个nodejs应用程序运行在端口3000上。我想在Linux环境下托pipe它。所以我安装了nodejs。它工作正常，但我应该每次指定端口。例如： mydomain.net:3000/url_i_want : mydomain.net:3000/url_i_want ，我怎样才能避免这一点。还有像这样运行我的应用程序时，所有的用户都是相互连接的。如果其中一个断开所有其他用户的话。如果其中一个改变页面，其他所有页面都在改变。是因为他们都在听同一个端口3000吗？我search了一下，发现它可能与PM2和Nginx 。这是解决scheme吗？