Articles of reactjs

使用React和Express

我在NodeJS(由Heroku托pipe)上使用Express框架来创build我的网站。 我也使用React框架来创build我的组件。 我有几个HTML文件内部的div和React组件可以在这些div呈现。 当用户select路线(例如/movies )时,我希望能够将一个HTML文件与一个组件关联起来,并将其返回给用户。 我已经找了一个解决scheme,但他们都谈论服务器端渲染和发回HTML文件。 还有其他解决scheme吗?

上传图像到GraphQL服务器

我正在使用react-dropzone和graphql-server-express-upload在GraphQL Apollo中上传图像。 在我的客户端文件看起来像这样: 但在服务器上,当我login时,看起来像这样: { preview: 'blob:http://localhost:3000/c622b0bd-3f0d-4f52-91f4-7676c8534c59' } 我正在按照graphql-server-express-upload的自述文件中的说明进行操作,但目前为止还没有成功。 如何获得完整的图像?

reactRouter2.default使用Babel未定义

我已经创build了一个基于本教程的通用React应用程序,但是我得到了 'Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components).' 在Chrome开发工具中。 看着编译的代码,我可以看到一个未定义的对象 – _reactRouter2.default 。 表面上看起来一切正常,我可以在页面之间导航,我可以在浏览器中使用后退button,但是我不明白那个错误。 任何人都可以阐明我如何解决它? 这里是一个屏幕截图,展示了如何构造_reactRouter2.default并且它是未定义的。 以下是一些相关的代码片段: SRC / routes.js import React from 'react'; import { Route } from 'react-router'; import Main from './components/Main.js'; import Login from […]

超级expression式必须是null或者一个函数,而不是undefined – reactjs

我是react.js的初学者。 我得到这个错误: 超级expression式必须是null或者一个函数,而不是未定义的 在我的浏览器的Chrome控制台中输出完整的错误: Uncaught TypeError:超级expression式必须为null或函数,而不是在_inherits(bundle.js:21166)位于bundle.js:21172位于Object.184.react(bundle.js:21196)位于s(bundle.js: 1)在e(bundle.js:1)在bundle.js:1 我的代码: const React=require('react'); const ReactDom=require('react-dom'); class App extends React .component{ render(){ return( <div> < Header />, < Main />, < Footer /> </div> ); } } class Header extends React .component{ render(){ return( <Header> <nav> <h1>Header</h1> </nav> </Header> ); } } class Main extends React .component{ render(){ return( […]

如何使用反应需要语法?

我看到很多使用var React = require('react')语法结构化的例子。 当我尝试和使用这个我得到“要求没有定义”。 我如何使用和设置我的静态项目来使用require语法? 更新 实际上,我正在寻找一个webpack / browserifyconfiguration文件,所以我可以很快开始使用React和CommonJS。 我只写了反应的应用程序没有说的构build工具

TypeError:React.renderToStaticMarkup不是一个函数

我正在学习本教程“用反应构buildSVG图标” http://jxnblk.com/react-icons/ 当我运行命令"npm run build" 这是npm-debug.log 0 info it worked if it ends with ok 1 verbose cli [ '/Users/villat/.nvm/versions/node/v5.0.0/bin/node', 1 verbose cli '/Users/villat/.nvm/versions/node/v5.0.0/bin/npm', 1 verbose cli 'run', 1 verbose cli 'build' ] 2 info using npm@3.3.6 3 info using node@v5.0.0 4 verbose run-script [ 'prebuild', 'build', 'postbuild' ] 5 info lifecycle react-icons@1.0.0~prebuild: react-icons@1.0.0 6 […]

React-native构build错误:执行任务失败:react-native-maps:prepareComAndroidSupportAppcompatV72301Library'。 >无法展开ZIP

我在Windows 10系统上创build了一个新的react-native项目,安装了react-native-maps包和rnpm link ,但是当启动项目时,我得到一个Build失败的错误。 什么是造成这个问题? react-native init myapp npm install react-native-maps –save rnpm link react-native run-android 版本 react-native-cli: 1.3.0 react-native: 0.39.1 node: v7.2.1 npm: 3.10.10 错误 JS server already running. Running C:\Users\y\AppData\Local\Android\Sdk/platform-tools/adb -s emulator-5554 reverse tcp:8081 tcp:8081 Building and installing the app on the device (cd android && gradlew.bat installDebug)… :app:preBuild UP-TO-DATE :app:preDebugBuild UP-TO-DATE :app:checkDebugManifest […]

错误:ENFILE:在Mac上运行反应时,文件表溢出,scandir

我正试图在下面的命令中安装并在mac osx 10.12.15上运行Reaction npm install -g反应-cli反应init cd反应反应 然后我得到了以下错误我刚刚与Reactjs开发人员刚刚新鲜,所以它只是紧张。 它只是与软件包版本兼容,但我怎样才能解决这个问题 => Started proxy. => Started MongoDB. /Users/sopheak/.meteor/packages/templating-compiler/.1.3.2.1411czp++os+web.browser+web.cordova/plugin.compileTemplatesBatch.os/npm/node_modules/meteor/promise/node_modules/meteor-promise/promise_server.js:190 throw error; ^ Error: ENFILE: file table overflow, scandir '/Users/sopheak/Documents/cam/react/reaction/packages/gridfs' at Error (native) at Object.fs.readdirSync (fs.js:808:18) at Object.wrapper (/tools/fs/files.js:1586:35) at readDirectory (/Users/sopheak/.meteor/packages/meteor-tool/.1.5.0.15auley++os.osx.x86_64+web.browser+web.cordova/mt-os.osx.x86_64/tools/fs/watch.js:338:26) at Watcher._fireIfDirectoryChanged (/Users/sopheak/.meteor/packages/meteor-tool/.1.5.0.15auley++os.osx.x86_64+web.browser+web.cordova/mt-os.osx.x86_64/tools/fs/watch.js:490:23) at /Users/sopheak/.meteor/packages/meteor-tool/.1.5.0.15auley++os.osx.x86_64+web.browser+web.cordova/mt-os.osx.x86_64/tools/fs/watch.js:747:12 at Array.forEach (native) at Function._.each._.forEach (/Users/sopheak/.meteor/packages/meteor-tool/.1.5.0.15auley++os.osx.x86_64+web.browser+web.cordova/mt-os.osx.x86_64/dev_bundle/lib/node_modules/underscore/underscore.js:79:11) at Watcher._checkDirectories (/Users/sopheak/.meteor/packages/meteor-tool/.1.5.0.15auley++os.osx.x86_64+web.browser+web.cordova/mt-os.osx.x86_64/tools/fs/watch.js:736:7) at new Watcher […]

找不到模块:错误:无法parsing模块的“组件/应用程序”。 webpack + reactjs问题

我是新手在webpack和反应。 希望您能够帮助我。 我遇到了一个问题,在互联网上找不到任何工作解决scheme。 当我试图运行webpack-dev-serverI geting“模块未find:错误:无法解决模块的组件/应用程序”错误的所有时间。 在这里我的文件结构。 root / webpack.config.js var webpack = require('webpack'); var path = require('path'); module.exports = { devtool: 'inline-source-map', entry: [ 'webpack-dev-server/client?http://127.0.0.1:8080/', 'webpack/hot/only-dev-server', './src' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js' }, resolve: { moduleDirectories: ['node_modules', 'src'], extensions: ['', '.js'] }, module: { loaders: [{ test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/, […]

React Native rnpm取消链接库

最近添加了这个库: https : //github.com/ivpusic/react-native-image-crop-picker,但是在尝试debugging构build的问题后,我看到这个库不可用于通过rnpm链接通过cocoapods。 有什么办法可以使用rnpm来取消链接库,然后安装cocoa豆荚并且这样做? 我不想在两者之间造成一些冲突。 我得到的库的问题是'RCTHBridgeModule.h file not found.' 而图书馆的创build者说他目前不支持rnpm。