小编GG.*_*GG.的帖子

我使用Accounts-UI和Accounts- [Github/Twitter/Facebook/Google]软件包,允许使用外部服务登录.

我修改Accounts.ui.config了requestPermissions,例如:

Accounts.ui.config({
  requestPermissions: {
    github: ['user'],
    facebook: ['user_photos']
  }
});

但是当我用Github(例如)登录我时,我只得到了我的Github的名字.

与其他外部服务相同的事情.

如何获取更多信息,例如个人资料图片的网址？

一个简短的例子:

self.curTabs = null;

$j.getJSON(url)
    .done(function (response) {
        self.curTabs = response.tabs;

        _.each(self.curTabs, function (tab) {
            tab.dataLoaded = true;
        });

        console.log(self.curTabs);
    });

逻辑输出:[ 0: Object { dataLoaded: true, etc... }, 1: etc... ].

但是这个例子:

self.curTabs = null;

$j.getJSON(url)
    .done(function (response) {
        self.curTabs = response.tabs;

        _.each(self.curTabs, function (tab) {
            tab.dataLoaded = true;
        });

        console.log(self.curTabs);

        _.each(self.curTabs, function (tab) {
            tab.dataLoaded = false;
        });
    });

不合逻辑的输出:[ 0: Object { dataLoaded: false, etc... }, 1: etc... ].

为什么变量在赋值false之前得到了值？

我有一个JSON对象,我作为对AJAX调用的响应:

{ "Score": 5, "OS": "Windows 7" }

我想将它添加到div但是以下不起作用,data.OS或者data.Score只是返回undefined

$.ajax({
     type: "POST",
     url: '/details',
     data: JSON.stringify(IP), 
     contentType: 'application/json;charset=UTF-8',   
     success: function(data) {

        $('#OSdetails').append('<div id="details">Operating System: ' + data.OS + '</div>');

     }
}); 

我究竟做错了什么？

我正在编写一个带有可变数量组件的滚动自动收报机，因此我需要translate3d它根据组件数量更改它的移动距离。我能想到的唯一方法是以某种方式从JSX文件中传递一个数字，但我找不到办法做到这一点。有没有办法传递CSSa 变量，或者其他一些方法来做我想做的事？

我正在尝试学习react-redux架构,但我最基本的东西都失败了.

我创建了类HomePage并使用react-redux connect()将它连接到存储的状态和调度.

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import {HomeButtonClickAction} from "./HomeActionReducer";
import {connect} from "react-redux";

class HomePage extends Component {

    constructor(props) {
        super(props);

        console.log('HomePage props');
        console.log(this.props);

        this.buttonClicked = this.buttonClicked.bind(this);
    }

    buttonClicked() {
        console.log('button cliked');
        this.props.buttonClick();
    }

    render() {
        console.log('Re-rendering...');

        let toggleState = this.props.toggle ? 'ON' : 'OFF';
        return (
            <div>
                <button onClick={this.buttonClicked}>{ toggleState }</button>
            </div>
        )
    }
}

HomePage.propTypes = {
    toggle: PropTypes.bool.isRequired,
    onClick: PropTypes.func.isRequired
};

const mapStateToProps = (state, ownProps) => { …

有一段时间,在撰写包装时,我正在使用:

import React from "react";

export default props => (
  <div style={{ fontWeight: "bold" }}>{props.children}</div>
);

但就在一秒钟之前,我遇到了这种很酷的技巧:

import React from "react";

export default props => <div style={{ fontWeight: "bold" }} {...props} />;

它是如何工作的,我的意思是,它div也是一个React理解children属性的组件？

此代码也有效:

export default ({ children }) => (
  <div children={children} style={{ fontWeight: "bold" }} />
);

我试图做到这一点，当用户单击我的标签时，它会打开一个带有指定 URL 的新选项卡。它目前无法正常工作。任何想法我做错了什么或需要在我的方法中做什么？

rerouteToGoogle= () => {
    return <Link to="google.com" />

}

<MediaQuery query="(min-width: 550px)">
  <div style={styles.alignText}>
  <Label color='green' basic onClick={this.rerouteToGoogle} >CSV</Label>
  </div>
</MediaQuery>

我有一张桌子,我把彩色的盒子形成对角线.

我正在寻找如何在算法上对对角线进行着色.

演示: http ://jsfiddle.net/pJt7x/

Javascript(1 == 2必须替换):

for (i=0; i<=5; i++) {
    $('table').append('<tr>');

    for (j=0; j<=5; j++)
        ((i == j)||(1 == 2)) ?
            $('tr:last').append('<td class="x"></td>') : 
                $('tr:last').append('<td></td>');

    $('table').append('</tr>'); 
}

答案: http ://jsfiddle.net/pJt7x/2/

我有以下例程来替换名为"SalesWeek"的下拉列表选项中显示的日期时间字符串的Time部分.Replace方法不替换正则表达式预期匹配的字符串部分.

当以下例程在浏览器(FF)中运行时:

var select = $('#SalesWeek');
var item = '';

$.each($('#SalesWeek option'), function(){
    item = $(this).text();
    console.log('before: ' + item);
    var regex = new RegExp(/(\s([0]\d|[1][0-2])(\:[0-5]\d){1,2})*\s*([aApP][mM]{0,2})/);
    item.replace(regex,'');
    console.log('after: ' + item);
    $(this).html(item);
});

以下内容将打印到控制台:

before: 12/31/2011 12:00:00 AM
after: 12/31/2011 12:00:00 AM

但我期待:

before: 12/31/2011 12:00:00 AM
after: 12/31/2011

我已经尝试使用$(this).html()和$(this).text()来获取初始值,可能会考虑在控制台中没有看到的任何字符......但它没有似乎有所作为.

我在以下链接中测试了正则表达式以便在javascript中使用:http: //www.regxlib.com/RETester.aspx

使用javascript引擎

Test Expression: (\s([0]\d|[1][0-2])(\:[0-5]\d){1,2})*\s*([aApP][mM]{0,2})
Input Value: 12/3/2011 12:00:00 AM
Expected Match: 12:00:00 AM

它似乎没有问题.请注意,我在测试时剥离了表达式的前导"/"和尾随"/",但我相信在javascript中创建新的RegExp时需要"/".也许我对此错了,还有另一种方法,但是如果我试图创建的表达式不是那样封闭的话,我似乎在firebug中出错了.

我似乎总是在Stack Overflow上找到我遇到的大多数问题的答案......但是我很茫然......所以,我很谦卑地成为这次提问的人... .很感谢任何形式的帮助...

我有一张桌子,我想在中心为一个圆圈着色.

圆的大小应取决于阵列的大小.

我已经为轴i和j的直径着色了,但我卡住了.

那么如何完成这一轮呢？

演示: http ://jsfiddle.net/pJt7x/4/

目前的JavaScript:

var X = 20;
var X2 = X/2;
var X22 = X2/2;

for (i=0; i<=X; i++) {
    $('table').append('<tr>');

    for (j=0; j<=X; j++)
        ((i==X2 && j>=X22 && j<=X2+X22) ||
            (j==X2 && i>=X22 && i<=X2+X22)) ?
                        $('tr:last').append('<td class="x"></td>') : 
                            $('tr:last').append('<td></td>');

    $('table').append('</tr>'); 
}

预期结果: