Tag: reactjs

反应：根据请求的路线（ExpressJS）呈现内容（视图）: 我最近开始学习React，并试图做一个简单的博客应用程序。我在MongoDB中存储数据（发布内容，评论等），并希望根据路线呈现内容，例如，当我有一个特定的URL（如/ blog /：用户名）时，我会从数据库，然后用数据内容呈现一个视图。使用Express，我现在使用静态HTML文件（ express.static ）作为视图，但是这使得不能根据请求的路线呈现内容，例如： /blog/:username/:article 使用模板引擎（如Jade）是可能的，但就我所知，Jade并不适用于React。在保留URLpath结构的同时，使用React制作dynamic视图的正确方法是什么？谢谢

Chessboardjs NPM包，不显示图像: 我正在尝试使用meteor1.13的https://www.npmjs.com/package/chessboardjs包。我写了一个简单的响应组件来渲染电路板，但是由于某种原因它不渲染图像。 compoent代码： import React from 'react' import ChessBoard from 'chessboardjs' export default class GamePage extends React.Component { render() { return ( <div> <div id="chessboard" style={{"width": "400px"}}></div> </div> ) } componentDidMount() { var board = ChessBoard('chessboard'); } } 我发现那个包里面的.css文件没有被使用，所以也许我也要导入它。

如何确定当前路线在React中是否有效: 反应v0.14.7 / react-router：v2.0.1 我有我的路线设置如下： import { Router, Route, IndexRoute, hashHistory } from "react-router" ReactDOM.render( <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="/locations" component={Locations}/> <Route path="/products" component={Products}/> </Route> </Router>, document.getElementById('app')); 我正在尝试在我的一个React类中编写一个方法（使用以下API创build） export default class MyClass extends React.Component {…} …确定当前URL的path是否是特定path的path。例如。假设当前的URL是http://domain/products然后调用： isActive('/products') 会返回TRUE 我知道的反应路由器的Link对象activeClassName 。但是我需要编写一些东西，以编程方式在不同的位置查找<link/>对象。查看node_modules/react-router/我可以看到modules/isActive.js做我所需要的，但它不是在modules/index.js export ，所以我假设我无法访问它？我也从API文档看到，有一个RouterContext isActive方法，但是我又不知道如何调用这个方法？

使用FS文件系统的节点，Webpack和React路由: 我想使用NodeJS默认的fs模块来读写文件。我已经差不多尝试了所有可以在互联网上find的东西。 ES6和CommonJS的例子，编辑Webpack.config文件，添加应该添加Promise等的软件包..但似乎没有什么工作。目前这是我的webpack.config.js var webpack = require('webpack'); module.exports = { entry: './index.js', output: { path: 'public', filename: 'bundle.js', publicPath: '' }, node: { fs: "empty" }, "browser": { "fs": false }, resolve: { modulesDirectories: ['web_modules', 'bower_components', 'node_modules'] }, module: { loaders: [ { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' } ] } } 正如我所提到的， […]

在JSDom的Nodetesting环境中正确接近“窗口”: 我使用Tape和JSDomtesting了我的React应用程序，在每个testingJS文件的顶部导入了以下模块： import jsdom from 'jsdom' function setupDom() { if (typeof document === 'undefined') { global.document = jsdom.jsdom('<html><body></body></html>'); global.window = document.defaultView; global.navigator = window.navigator; global.WebSocket = function(){}; } } setupDom(); 不过，在我的一个React组件中，我像下面这样导入了一个pathseg的polyfill ： import 'pathseg' 但是，当我运行testing时，我收到此错误： SVGPathSeg.prototype.classname = "SVGPathSeg"; ^ ReferenceError: SVGPathSeg is not defined 其中，如果我去错误的来源（填充），我看到： (function() { "use strict"; if (!("SVGPathSeg" in window)) { // Spec: […]

从Node.JS服务器应用程序中发出GET请求，并将其发送到React.JS客户端: 所以我有一个Koa / Node JS简单的后端，只是为了向外部API发出一个GET请求，然后将响应体传递给我正在构build的React JS客户端应用程序。我是Koa或任何节点的JS或服务器的新手，所以不能真正弄清楚如何。像这样的东西： var koa = require('koa'); var app = koa(); app.use(function *(){ http.get({host: somehost, path: somepath}, function(response) { this.body = Here send to React Client } ) }); app.listen(3000); 编辑：使用ExpressJS的答案也是受欢迎的。

NodeJS在./app/app.jsx中启动错误模块构build失败：ReferenceError：: 我是.net开发人员。以前的开发人员使用nodeJS并对一个项目作出反应。我必须完成该项目。该项目使用nodeJS，并且反应JS.I在Windows 8中安装了NodeJS 我安装软件包（NPM安装），它工作得很好。但现在我尝试运行启动项目（NPM开始），但它给错误的巴贝尔。 C:\rc>npm start > react-seed@0.0.13 prestart C:\rc > npm install npm WARN package.json react-seed@0.0.13 No license field. > node-sass@3.4.2 install C:\rc\node_modules\node-sass > node scripts/install.js > node-sass@3.4.2 postinstall C:\rc\node_modules\node-sass > node scripts/build.js ` C:\rc\node_modules\node-sass\vendor\win32-x64-46\binding.node ` exists. testing binary. Binary is fine; exiting. npm WARN unmet dependency C:\rc\node_modules\rimraf requires glob@'^7.0.0' but w ill load npm […]

React v15.0.0：由于renderToString已被弃用，如何去服务器端渲染？: 有一个新的React候选版本，v 15.0.0。由于renderToString方法现在在库中已被废弃，并且显然将在未来的版本中停用，那么在新版本中如何使用React支持服务器端渲染？在文档页面上，除了不再支持这个特殊的方法之外，没有提供对renderToString或其他解释的replace。谢谢

带有服务器渲染的HMR会导致无效的校验和: 我有一个与webpack捆绑在一起的Express服务器应用程序。客户端也与webpack捆绑在一起，服务器使用webpack-dev-middleware和webpack-hot-middleware为开发模式下的HMR服务。当我改变一个React组件的时候，改变发生在客户端，当我开始使用HMR的时候，问题就出现了。由于组件在客户端被热replace，所以它使用了文件的“新”版本，但是服务器仍然与旧的一样，因为它与webpack捆绑在一起，所以当使用服务器渲染时，两个结果是不同的。更改组件时是否还有更改服务器的方法？

正确的webpackconfiguration为babel 6，反应热负载，webpack中间件: 在webpackconfiguration阅读小说的SOpost的价值，我仍然无法通过module parse failed错误。 package.json（不是全部） "dependencies": { "babel-core": "^6.7.6", "babel-loader": "^6.2.4", "babel-preset-es2015": "^6.6.0", "babel-preset-es2015-webpack": "^6.4.0", "babel-preset-react": "^6.5.0", "babel-preset-stage-0": "^6.5.0", "react": "^0.14.6", "react-dom": "^0.14.6", "react-hot-loader": "^1.3.0", "webpack": "^1.12.14", "webpack-dev-middleware": "^1.6.1", "webpack-hot-middleware": "^2.10.0" } 结构体 package.json node_modules .babelrc client/ webpack.config.js .babelrc # duplicated just for shits and giggles… src/ index.jsx components/ server/ index.js //more stuff 客户机/ webpack.config.js var […]