Tag: reactjs

获取Webpack不要捆绑文件: 所以现在我正在使用一个原型，我们正在使用webpack（用于构build.tsx文件和复制.html文件）和webpack-dev-server（用于开发服务）之间的组合。正如你可以假设我们也使用React和ReactDOM作为一些库依赖关系。我们目前的构build输出结构如下： dist -favicon.ico -index.html -main.js -main.js.map // for source-mapping between tsx / js files 这将所有模块（包括库依赖关系放在大捆绑文件上）。我想最终的结果是这样的： dist -favicon.ico -index.html -appName.js -appName.min.js -react.js -react.min.js -reactDOM.js -reactDOM.min.js 我引用了index.html中的每个库和.tsx文件中的import语句。所以我的问题是这个…我如何从webpack生产这个巨大的捆绑.js文件到单个.js文件（包括库，而不必单独指定每个）？ **奖金：我知道如何做prod / dev环境标志，那么我怎样才能简化这些单独的文件（再次捆绑它们）呢？当前webpack.config： var webpack = require("webpack"); // Assigning node package of webpack dependency to var for later utilization var path = require("path"); // // […]

Redux React从API创build初始状态: 如何从API中定义initialState ？操作 import * as types from '../constants/ActionTypes' import jquery from 'jquery' import { apiRoot } from '../config.js' import Immutable from 'immutable' import Random from 'random-js' export function fetchLentItemList() { return function(dispatch) { dispatch(fetchLentItems()); jquery.get(`${apiRoot}/api/v1/something/`) .done((data) => { dispatch(fetchLentItems("success", Immutable.fromJS(data))) }) .fail(() => { dispatch(fetchLentItems("error")) }) } } export function fetchLentItems(status, locations = Immutable.List()) […]

如何解决反应原生EventEmitterListener警告: 我正在使用事件发射器在地图组件和工具栏之间进行通信。注意*我在我的应用程序的其他部分使用相同的代码没有问题。我得到的错误是：警告：setState（…）：只能更新已安装或已安装的组件。这通常意味着您在卸载的组件上调用了setState（）。这是一个没有操作。请检查未定义组件的代码。我试图解决这个类似的post，但它不工作。我认为这两个组件的挂载&&卸载方法？工具栏组件 componentDidMount() { this.showLocateIconListener = AppEventEmitter.addListener('isTrip', this.isTrip.bind(this)); this.endTripListener = AppEventEmitter.addListener('showLocateIcon', this.showLocateIcon.bind(this)); this.endSubdivisionIcon = AppEventEmitter.addListener('showSubdivisionIcon', this.showSubdivisionIcon.bind(this)); } componentWillUnMount() { this.showLocateIconListener.remove(); this.endTripListener.remove(); this.endSubdivisionIcon.remove(); } //// this is where the error is happening showSubdivisionIcon(val) { if (val != 0) this.setState({ items: menuSubdivision, subdivisionId: val }) else this.setState({ items: menu […]

如何在React Native中启用Android监视器来检查日志？: 我是新来的本地人。我想看看我的反应文件的日志。我正在使用android工作室作为模拟器使用反应的本地项目和genny运动。你可以请指导我，我怎么能看到日志或启用安卓工作室的Android监视器。即使我已经安装了反应开发工具从Facebook的debugging代码： https ： //facebook.github.io/react-native/docs/debugging.html 但无法获得特定的解决scheme 已经访问过：如何debuggingreact-native？如何在React Native中执行日志logging？我已经检查了这么多的解决scheme，但它不是在andoird 6.0版本中工作但不工作请引导我，在此先感谢

import和const之间有什么区别，哪一个在commonjs中是首选的: 我注意到使用const和import在使用es6语法和Babel的node.js应用程序中引用库的一些切换。什么是首选的方法，使用const和import有什么区别？假设你可能在许多文件/组件中导入相同的库。常量 const React = require('react') import import React from 'react' 这里是每个的定义，但我仍然不确定使用哪个。 import 导入语句用于导入从外部模块，另一个脚本等导出的函数，对象或原语。常量 const声明为一个值创build一个只读引用。这并不意味着它所拥有的价值是不可变的，只是variables标识符不能被重新分配。

什么应该是React + Node.js的项目结构？: 有点宽泛的问题，但是随着JS世界的所有这些趋势，有时很难find关于这样简单的东西的信息。在这种types的项目中组织文件和文件夹的更好方法是什么？ Facebook上有很less的语言服务器的例子，但它是非常基础的项目。也可以在git上findReact Examples 但这些例子只是为了玩耍。目标是 – 清晰地分离Client和Server组件。将它们移动到不同的文件夹树中。也有应用程序的结构（如Django）所以主要的问题是：从React客户端组件中分离nodejs / iojs服务端的正确方法是什么，并将它们放在一个项目中？项目： nodejs服务器，用于用户可以在hub /主题中创build自己的文章的站点。反应在前端.SPA。加载 – 约10 000个用户。 MongoDb数据库通过Mongoose访问

从Express中调用React视图: 我找不到一个很好的例子，我可以通过express.js来调用一个响应视图。到目前为止，这是我的。 +– app.js +– config | +– server.js +– routes | +– index.js +– views | +– index.html app.js require('./config/server.js'); require('./routes/index.js'); configuration| server.js "use strict"; var express = require('express'), app = express(), routes = require('./routes'); app.set('view engine', 'html'); app.engine('html', ); // how do I tell express that JSX is my template view engine? var […]

使用Webpack dev服务器和PHP应用程序: 有没有人在Laravel 5+上安装webpack开发服务器（在我的情况下是5.1）？我将使用我的laravel PHP后端与ReactJS前端，我想在我的开发环境有webpack开发服务器。但我很困惑与NodeJS中的很多configuration（我专门在PHP后端）。是否可以将webpack dev服务器与PHP应用程序结合起来？我想我的env工作两种方式：在我的apache服务器（用于后端debugging/开发）和NodeJS服务器（用于前端debugging/开发）。我需要有一些中间件，解决webpack的特定端口？一般NodeJS服务器如何加载我的PHP脚本？ …或Apache Web服务器将加载页面比NodeJS将推送通知到前端？

Webpack – extract-text-webpack-plugin无法find模块: webpack.config.js var ExtractTextPlugin = require("extract-text-webpack-plugin"); 我马上收到这个错误，如果我只是实现插件： module.js:339 throw err; ^ Error: Cannot find module 'webpack/lib/ConcatSource' at Function.Module._resolveFilename (module.js:337:15) at Function.Module._load (module.js:287:25) at Module.require (module.js:366:17) at require (module.js:385:17) at Object.<anonymous> (/Users/lucamormile/Documents/Lavori/Webapps/React/webpack_test/node_modules/extract-text-webpack-plugin/index.js:5:20) at Module._compile (module.js:425:26) at Object.Module._extensions..js (module.js:432:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:311:12) at Module.require (module.js:366:17) 我忘了什么

如何parsingDOM（REACT）: 我正试图从网站上刮取数据。该网站使用Facebook的React。因此，我可以使用Jauntparsing的源代码与使用Chrome的检查器检查元素时看到的代码完全不同。我对这一切知之甚less，但已经做了一些研究，我认为这与DOM而不是源代码有关。我需要一种方式来获得这个DOM代码，因为原始代码中没有我想要的东西，但是我没有最开始的想法（甚至在这里读了许多答案）。这是一个我想刮的页面的例子。例如，要抓取描述我想要抓住标签之间的内容： <span class="light-font extended-card-description list-group-item">Example description….</span> 但是，正如你所看到的，这个元素只有在“ 检查元素 ”时才会出现，而不是当我查看页面的源时。我在这里给你的天才们提出的问题是，我怎样才能抓住这个DOM代码，并开始抓取我真正想要的元素？原谅我，如果我的术语是完全closures，但正如我所说这是一个全新的领域，我已经做了我可以研究。提前非常感谢！