Tag: reactjs

React没有在简单的React组件中定义（Universal）: 我正在使用15.0.1并使用React来创build通用应用程序我正在获取React未在以下组件中定义 import {Component} from "react"; export default class HeroSearchView extends Component{ render() { return ( <div className='row'> hello </div> ); } } 以下代码调用React组件 import React from "react"; import { connect } from 'react-redux' import Coupon from '../../common/components/Coupon' import { actions as miscActions } from '../../redux/modules/misc' import HeroSearchView from './components/HeroSearchView' const mapStateToProps = (state) => […]

使用Meteor.js + React.js进行服务器端路由: 我的问题是如何正确设置在客户端上与react.js连接的服务器端路由。我正在构build一个基于Meteor.js的应用程序，我将其与React.js集成在一起。该应用程序将需要一些路线。我的主要问题（到目前为止）是，我预计有很多服务器端API调用使用他们各自的（安全）密钥。电话会是这样的 Meteor.http.call("GET", "http://search.twitter.com/search.json?q=perkytweets"); 显然，出于安全原因，这些应该是服务器端。然后我将处理服务器上的数据，并通过我需要的反应，然后在DOM上呈现。似乎Flow Router并不理想，虽然它似乎是Meteor+React应用程序的开始，因为它专注于客户端路由，而不是我需要的服务器端路由。通常情况下，Meteor.js应用程序是使用Iron Router构build的，但是在使用React与Iron Router一起工作时遇到了一些困难。请注意：下面的代码似乎并没有表明需要任何服务器端，这是因为我只是得到一切与教程设置，但它最终会…现在只是试图让路线工作。我一直在做以下工作：反应代码如下：客户机/ main.html中 <head> <title>List</title> </head> <body> <div id="render-target"></div> </body> 客户机/ main.jsx import React from 'react'; import { Meteor } from 'meteor/meteor'; import { render } from 'react-dom'; import App from '../imports/ui/App.jsx'; Meteor.startup(() => { render(<App />, document.getElementById('render-target')); }); […]

React.js SyntaxError：意外的标记<: 我在react.js真的很新。我在Webstorm发展。我有这个错误，我没有成功解决它，看起来反应是不承认，但我尝试安装任何npm反应包，仍然不工作.. SyntaxError：意外的标记< 这是我的代码： index.jsx： /** @jsx React.DOM */ var React = require('react'); var ReactDOMServer = require('react-dom'); var DefaultLayout = require('./layout/Master'); //var element = React.createElement('div', null, 'Hello World!'); //console.log(ReactDOMServer.renderToString(element)); var CommentBox = ReactDOMServer.createClass({ render: function() { return ( <div> <h1>aslkdjaslkdj</h1> </div> //React.createElement('div', null, 'Hello World!') ); } }); module.exports = CommentBox;`var express = require('express'); […]

图片上传 – 如何获得适合服务器端处理的图片数据格式: 我使用sharp来处理服务器端的图像，并对dropzone进行反应以获取图像文件。当我从dropzone发布文件到服务器，我得到的blob从request.body看起来像这样： { preview: 'blob:http%3A//127.0.0.1%3A3000/1451580a-b24f-478f-a9f7-338c0d790829' } （可选）在将数据发送到服务器之前，我可以使用FileReader（或其他）来对图像文件进行操作，而不是将其转换为Blob。夏普需要：包含JPEG，PNG，WebP，GIF，SVG，TIFF的缓冲区原始像素图像数据包含图像文件path的string，支持大多数主要格式。我如何使用我必须提供的支持格式？

反应路由器混淆请求url: 我正在试图通过react-router实现下面的嵌套url。我的问题是，当嵌套在路由器组件中时，Feed组件将GET和POST请求都发送到错误的URL，如下所示： ReactDOM.render(( <Router history = { browserHistory }> <Route component={ NavBar }> <Route path='/' component={ Feed } url='/api/threads' pollInterval={ 2000 } /> <Route path='signup' component={ Signup } /> </Route> </Router> ), document.getElementById('root')); 将请求发送到http://localhost:3000/?_=1463499798727 ，它返回index.html的内容，由于ajax请求期待json数据而不是html，并且是错误的，所以会导致错误。而 ReactDOM.render(( <Router history = { browserHistory }> <Route component={ NavBar }> <Route path='signup' component={ Signup } /> </Route> </Router> […]

如何使用React JS，Redux和Express进行身份validation？: 新的反应JS，REDX和expression。我做了一个简单的login/注册应用程序使用反应js，redux，webpack和快递。目前，视图/组件已经创build并正在运行。我需要能够存储用户信息，“电子邮件”和“密码”是所有需要注册。有没有这样的例子，我可以看看实施到我的解决scheme？

如何在reactjs和meteor中显示加载器？: 我有一个页面，其中3个食谱列出更多的button。点击更多button时，会列出更多的3个配方。我想要做的是在列出更多3食谱之前，我想显示一个微调/加载器图标，但我只能改变button的文本。我怎样才能显示加载器图标，只要更多的button被点击，并在这些额外的3食谱列出。我正在使用meteorjs和reactjs。我的代码是 export default class Home extends Component { constructor(){ super(); this.state = { limit:3 , loading:false } this.addMore = this.addMore.bind(this); } getMeteorData(){ let data = {}; data.recipes = []; data.recipes = Recipes.find({},{sort:{createdAt:-1}}).fetch(); let recipeHandle = Meteor.subscribe('recipelist',this.state.limit); if(recipeHandle.ready()){ data.recipes = Recipes.find({},{sort:{createdAt:-1},limit:this.state.limit}).fetch(); } return data; } addMore(){ this.setState({ limit:this.state.limit + 3, loading: […]

我可以在浏览器中使用nodemailer吗？: 我创build了一个简单的webpack应用程序（使用webpack ）与联系表单，当用户点击提交我想要生成并发送电子邮件。要做到这一点，我一直试图使用nodemailer像这样： import nodemailer from 'nodemailer'; //… sendEmail () { const emailInfo = { to: 'foo@bar.com', from: 'bar@foo.com', subject: 'Message from bar', text: 'Hello world!' }; const connectionInfo = { host: '…', port: 123, secure: true, auth: { user: 'foo@bar.com', pass: 'foo123' } }; const transporter = nodemailer.createTransport('SMTP', connectionInfo); transporter.sendMail(emailInfo, function(error){ if(error){ console.log('error'); } […]

Express将覆盖react-router客户端路由: 我不想使用服务器端渲染，因为这是一个绝对痛苦的工作，我已经得到了一切工作没有它。但是，如果我做一个新的url/test并访问本地主机：3000 /testing我得到Cannot get /test 这就是我的索引页面被提供 app.get("/", function(req, res) { res.sendFile(__dirname + '/client/index.html') }) 路线文件 const routes = ( <div> <Route path="/" component={ AppContainer }> <IndexRoute component={ RegistrationContainer }/> <Route path="test" component={ StripeContainer }/> </Route> </div> ) export default routes

如何在粘贴链接时提取元数据并打开graphics信息？: 我正在build立一种共享系统，用户可以粘贴链接并与朋友分享。我希望能够在用户粘贴链接时提取标题，描述和图像等信息。会像Facebook或LinkedIn类似。系统有一个“分享箱”，用户在那里写评论并粘贴一个链接。在保存之前，我需要检索一些元数据来完成链接的基本信息。我正在使用NodeJS中的REST API支持的ReactJS构build系统。有没有人知道一个包或图书馆做这个？应该在前端完成，还是需要与后端交互？谢谢。