小编Ban*_*ner的帖子

使用fetch w/react js访问返回的promise中的对象

我有这个功能:

  getUserData() {
    fetch(this.props.apiUrl + this.state.username + '?client_Id=' + this.props.clientId + '&client_secret=' + this.props.clientSecret)
      .then(function(response) {
        var data = response.json();
        this.setState({
          userData: data
        });
        console.log(this.state.userData);
      }.bind(this))
      .catch(function(error) {
        this.setState({
          username: null
        });
        console.log(error)
      }.bind(this)) 
  }
Run Code Online (Sandbox Code Playgroud)

这在控制台中返回:

承诺{[[PromiseStatus]]:"待定",[[PromiseValue]]:undefined}

proto [[PromiseStatus]]:"已解决"

[[PromiseValue]] : Object
avatar_url : "https://avatars.githubusercontent.com/u/"
login      : "hello world"
.
.
.
Run Code Online (Sandbox Code Playgroud)

我需要访问对象中的名称/值对,但我无法访问它们.我假设我需要在将响应转换为json之后再采取一步,但无法弄明白.如果有人可以提供帮助,将不胜感激!

javascript fetch reactjs

13
推荐指数
2
解决办法
1万
查看次数

ParseError:意外字符“?” 导入图像时

我正在尝试从图像文件夹将 png 图像加载到我的组件中。但是,我不断收到此错误:

\n\n
BROWSERIFY ERROR:\n\n../../../src/js/images/001.png:1\n\xef\xbf\xbdPNG\n^\nParseError: Unexpected character \'\xef\xbf\xbd\' \n
Run Code Online (Sandbox Code Playgroud)\n\n

我不确定文件名后面的“:1”来自哪里。也不是\'\xef\xbf\xbd\'。

\n\n

如果重要的话,这是我正在使用的反应启动器:

\n\n

https://github.com/joellongie/superCell

\n\n

我像这样导入:

\n\n
import path from "../../images/001.png";\n
Run Code Online (Sandbox Code Playgroud)\n\n

并像这样使用它:

\n\n
<img src={path} style={imgStyle} />\n
Run Code Online (Sandbox Code Playgroud)\n\n

任何帮助将不胜感激,谢谢!

\n

javascript reactjs

5
推荐指数
1
解决办法
1948
查看次数

Rails 递增登录计数器

在我的用户模型中,我有一个“sign_in_count”列,在创建用户时我最初将其设置为 1:

class User < ActiveRecord::Base

before_save { self.sign_in_count = 1 }

end
Run Code Online (Sandbox Code Playgroud)

这在我进入 rails 控制台时有效,我可以返回 1:

u = User.last
u.sign_in_count
=> 1
Run Code Online (Sandbox Code Playgroud)

然后我在我的 SessionsHelper 中创建了一个方法:

def sign_in_count(user)
  user.sign_in_count += 1
end
Run Code Online (Sandbox Code Playgroud)

然后我像这样称它为我的 SessionsController:

def create
  user = User.find_by(email: params[:session][:email].downcase)
  if user && user.authenticate(params[:session][:password])
     log_in user 
     sign_in_count(user)
.
.
.
end
Run Code Online (Sandbox Code Playgroud)

但是 sign_in_count 似乎永远不会增加。我登录完全正常。我没有得到任何错误或任何东西。我检查了控制台,sign_in_count 总是 1。知道我在这里做错了什么吗?

ruby-on-rails ruby-on-rails-4

3
推荐指数
1
解决办法
1246
查看次数

在React Js中使用的Chart js中无法获得条形图颜色

这是我第一次使用Chart Js,我设法让它显示在我的页面上,但是不会显示键'label','backgroundColor','borderColor'和'borderWidth'.键'标签'和'数据'工作正常,因为我可以看到图表中的标签和条形.我尝试将非显示键分配给变量,就像'标签'和'数据'一样,看看它是否会以这种方式运行但没有运气.我也试过传递十六进制颜色和常规颜色名称,如红色,蓝色等,但这也不起作用.如果有人能提供一些帮助,将不胜感激,谢谢!

'use strict';

import React, { Component } from 'react';

var Chart = require("react-chartjs").Bar;

class BarChart extends Component {

  capitalize(name) {
    return name.charAt(0).toUpperCase() + name.slice(1);
  }

  render() {

    var pokeLabels = this.props.stats.map((label) => {
      return this.capitalize(label.stat.name)
    })

    var pokeDataSet = this.props.stats.map((set) => {
      return set.base_stat
    })

    console.log(this.props.stats);

    var data = {
      labels: pokeLabels,
      datasets: [
        {
            label: 'Pokemon Stats',
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs chart.js chart.js2

2
推荐指数
1
解决办法
4099
查看次数