Articles of reactjs

pipe理员能够将社交媒体链接到用户的帐户

我面临着目前的困境。 我的申请stream程如下: pipe理员login 必须select一个客户列表 然后加载所选的客户端数据 现在,pipe理员可以通过点击一个button,将Facebook链接到该客户端的账户。 这同样适用于用户拥有的其他社交媒体帐户。 该 原因很重要的是,应用程序然后从中提取数据 他们的社交媒体,如Facebook Insights。 有什么办法可以实现吗? 我想也许Auth0,但我看了他们的文档,似乎我可以做到这一点,但只有pipe理员是一个链接自己的社交媒体帐户到他的帐户。 无法真正看到他可以将其他帐户连接到当前所选客户帐户的方式。 我正在使用React-Redux,Express和MongoDB应用程序。 即使是在直接的方向推动将不胜感激。

创buildReact-App需要节点4.0或更高版本

我安装了NodeJs LTS v6.9.5 for windows,然后做了npm -g install create-react-app但是它给了我一个警告,我需要node4.0 当我运行节点 – 版本,我得到0.12.2 当我运行:create-react-app hello-world我得到了错误: “您正在运行节点0.12.2创buildReact应用程序需要节点4或更高” 任何想法如何使其工作。 以及为什么节点版本显示0.12.2,当我安装了NodeJs LTS v6.9.5

这是服务器代码还是应用程序代码的问题?

在服务器上呈现我的应用程序时,我得到和提供者元素的不变错误。 错误是Invariant Violation: React.Children.only expected to receive a single React element child. 我也得到这个警告Warning: Failed prop type: Invalid prop supplied to Provider, expected a single ReactElement. in Provider数组Warning: Failed prop type: Invalid prop子of type supplied to Provider, expected a single ReactElement. in Provider supplied to Provider, expected a single ReactElement. in Provider const store = createStoreWithMiddleware(reducers); […]

meteorNodeJs base64转换回文件

所以在前面我有这段代码。 uploadCallback (file) { // TODO: Integrate dropbox with its SDK // TODO: Pass the link to the editor console.log('file', file) this.getBase64(file, this) } getBase64 (file, self) { const reader = new FileReader() reader.readAsDataURL(file) reader.onload = function () { console.log('reader.result', reader.result) self.sendFileToServer(reader.result) } reader.onerror = function (error) { console.log('Error: ', error) } } sendFileToServer (base64File) […]

如何在React中显示图像?

我正在从Nodejs服务器接收绑定数据,现在我需要显示一个图像。 我怎样才能做到这一点? 有没有任何方法将转换成JPEG或任何其他格式? 或者是有可能在服务器中转换,然后发送该图像作出反应? 这是我的反应代码片段: componentDidMount(){ let self = this; axios.get('http://localhost:8080/list') .then(function(data) { console.log(data); self.setState({post:data.data}); }); } <ul className="w3-ul w3-card-4 w3-light-grey"> {this.state.post.map((item, index)=> { return ( <Link to="/displaylist" style={{textDecoration:'none'}} key={index} > <li className=" w3-hover-green w3-padding-16" onClick={this.handleClick(item.Id)}> <img src={item.Image.data.data} className="w3-left w3-circle w3-margin-right " width="60px" height="40px" /> <span>{item.Firstname}</span><br/><br/> </li> </Link> )} )} </ul> 这是我的nodejs代码片段: server.get('/list', function(req, res) […]

SPA与Deepstream.io HTTP身份validation的login页面

林编程新的和我试图使用深层authentication的真正的用户名和密码(已经build立其哈希的API)。 使用这些特定的用户名和密码时,它只能redirect到下一页。 我想我的深stream答复无效授权时,其另一个用户名和密码,我希望它redirect到下一页时,它的有效。 提前谢谢你的帮助!

冻结顶栏(标题栏)

在node.js应用程序中:是否有办法在Excel中冻结表格中的顶部行,标题行,在浏览器中的方式? 我怀疑这是一个.css风格,但不知道如何去做。 fixed “冻结”了整个表格,而不仅仅是顶部的行,因为项目出现在浏览器窗口的不可见部分,所以不出现垂直滚动条以便能够看到它们。 在这种情况下, sticky似乎什么都不做。 的CSS #one { position: fixed; top: 100px; left: 15px; } app.js <div className="row" id="one"> <table className="table-hover"> <thead>

无法加载/需要节点中的任何CSS文件

我有一个基于这个样板的ReactJS应用程序。 我只是试图加载和require或import一个CSS文件(embedded<style>标签,而不是CSS链接)。 以下是我尝试过的两种方法,而不是同时进行。 方法1:在Webpack中configuration加载器 这些都是我尝试过的所有加载器configuration,但仍然导致这个错误: [require-hacker] Trying to load "something.css" as a "*.js" dev.config.js module: { loaders: [ // loaders in here ] } { test: /\.css$/, loader: "style!css" } { test: /\.css$/, loader: 'style-loader!css-loader'}从这里开始 { test: /\.css$/, loader: 'style!css!postcss' } { test: /\.css$/, loader: 'style!css?modules&localIdentName=[name]—[local]—[hash:base64:5]!postcss' } { test: /\.css$/, use: [ { loader: 'css-loader', […]

用onClick调用句柄函数并作出反应

我正在尝试做同样的事情https://codepen.io/gaearon/pen/VmmPgp?editors=1010 。 所以我有一个表单,我想用参数(第一个input内的参数)redirect。 我的代码是: var React = require('react'); var ReactDOMServer = require('react-dom/server'); class Views_Delete_Delete extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { event.preventDefault(); this.setState({value: event.target.value}); } handleSubmit(event) { event.preventDefault(); alert('Valeur : '); } render() { var data = this.props.data; return ( <div className="delete"> <label> […]

我是否需要将我的server.js添加到我的webpack文件中?

我有一个es6语法的节点服务器,像导入语句,它无法识别。 我很确定我将不得不添加到我的webpack文件,但不知道如何做到这一点,是否需要。 我的节点服务器文件被称为server.js var webpack = require('webpack'); module.exports = { entry: { app: './src/index.js', vendor: './src/vendor.js' }, output: { path: __dirname, publicPath: '/', filename: '[name].js' }, plugins: [ new webpack.optimize.CommonsChunkPlugin('vendor','vendor.js', Infinity) ], module: { loaders: [{ exclude: /node_modules/, loader: 'babel', query: { presets: ['react', 'es2015', 'stage-1'] } }] }, resolve: { extensions: ['', '.js', '.jsx'] […]