小编Lei*_*ana的帖子

我正在制作一个非常简单的应用程序,您可以单击方形div来将其颜色从白色更改为黑色.但是,我遇到了麻烦.我想使用onClick函数允许用户点击一个方块来改变它的颜色,但它似乎不起作用.我尝试过使用跨度和空p标签,但这也不起作用.

这是有问题的代码:

var Box = React.createClass({
    getInitialState: function() {
        return {
            color: 'white'
        };
    },

    changeColor: function() {
        var newColor = this.state.color == 'white' ? 'black' : 'white';
        this.setState({
            color: newColor
        });
    },

    render: function() {
        return (
            <div>
                <div
                    style = {{background: this.state.color}}
                    onClick = {this.changeColor}
                >
                </div>
            </div>
        );
    }
});

这是我在CodePen上的小项目的链接. http://codepen.io/anfperez/pen/RorKge

我正在使用 React 进行一个项目。我尝试安装 Bootstrap，但我的项目无法编译。我已经使用 npm 安装了 jquery@1.9.1。但我不断收到以下错误消息：

./node_modules/bootstrap/dist/js/bootstrap.js
Module not found: Can't resolve 'jquery' in '/Users/my_name/React_Projects/my_react_project/node_modules/bootstrap/dist/js'

这是一个我被赋予工作的项目，所以我没有从头开始——所以我只是在做的时候把事情拼凑在一起。我认为这可能是 Webpack 的错误，所以我尝试做的一件事是在我的 webpack.config.js 文件中添加 jquery 作为外部资源——但此时项目中没有这样的文件。

这个项目是使用 react-scripts 创建的，我听说它是​​ Webpack 的包装器。任何人都知道如何解决这个问题？如何让 jQuery 工作以便我可以开始使用 Bootstrap？

我对React很新.我正在练习创建一个非常简单的九格网框,用户可以使用下拉菜单选择他们想要使用的颜色.唯一的问题是,我无法弄清楚如何将包含它的类(ColorPicker)中的变量传递给包含网格的类(Box).任何人都可以给我一些指导如何做到这一点？

我还习惯把道具传递给其他班级.

这是CodePen的链接:http://codepen.io/anfperez/pen/RorKge

这是我的代码

//this displays the color selections for the boxes: red, green, and blue
var ColorPicker = React.createClass({

handleChange: function(e) {
    var newColor = e.target.value;
    this.props.onChange(color);

},

render: function() {

return (
    <div>
        <select id="pick-colors" onChange={this.handleChange}>
            <option value="red">
                Red 
            </option>

            <option value="green">
                Green 
            </option>

            <option value="blue">
                Blue 
            </option>

        </select>

    </div>
    )
}
});

//contains the boxes that will eventually change color
var Box = React.createClass({
getInitialState: function() {
    return {
      //boxes are initially white
        color: 'white' …

这实际上是一个小问题,但它让我无法继续使用我的小型Java练习应用程序.

我目前正在练习用Java编写API调用.我试图创建一个名为"电影"的简单类文件.但是,当我尝试将其创建为类文件时,Intelli-J一直告诉我它无法创建类文件.我正在尝试将此文件设置在名为"models"的文件夹中.所有这些类文件都将用作执行API调用的应用程序的一部分.

是否有一些我没有遵循的命名惯例？我一直在谷歌搜索,但还没有找到任何东西.

我正在使用JavaScript编写一个小程序。基本上，我想使用Promise和fetch从两个文本文件中提取文本。但是，我不知道如何从文件中获取实际的文本。这是我当前的代码。

sample.txt

this is
a sample
text file.

sample2.txt

this is
the second
sample file.

index.js

function getSampleText() {

  Promise.all([
  fetch('sample.txt'),
  fetch('sample2.txt')
  ]).then(allResp => {
    let sampleResp = allResp[0];
    let sample2Resp = allResp[1];
    console.log(sampleResp);
    console.log(sample2Resp);
  })
}

这是应许...我该如何从中得到建议？

我正在处理一个项目，在该项目中，我有一张包含名字、姓氏和电子邮件地址的表格。最后一个 td 应该是一个按钮，允许用户将该特定人的电子邮件地址复制到剪贴板。

另外是的，我知道这是在老式 JS 中，我正在处理一个遗留项目。

这是我在 codepen.io 上的代码：https ://codepen.io/anfperez/pen/ZZdwWL

HTML

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>E-mail</th>
    <th>Button</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td id="email">jsmith@whatever.com</td>
    <td><button>Click to Copy</button></td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td id="email">ejackson@whatever.com</td>
    <td><button>Click to Copy</button></td>
  </tr>
</table>

JS

function copyToClipboard() {
    var copyText = document.getElementById("email")
    copyText.select();
    document.execCommand("copy");
    alert("Copied the text: " + copyText.value);
}

所以，我有两个困境：1）我怎样才能生成每个按钮来复制正确的电子邮件地址（不仅仅是一个或全部）？我需要为每个条目分配唯一的 ID，但如果列表变长，我真的不知道如何开始生成这些 ID。

2) 我不断收到“copyText.select() 不是有效函数”的错误消息。我一直在关注使用这种方法的几个教程，所以我不确定为什么它在这里不起作用。

我是一个JavaScript新手.我正在尝试一些示例JavaScript问题.关于迭代数组的问题,我有点卡住了.谁能指出我正确的方向？

我正在尝试获取值oldArray,为每个值添加5,并存储newArray.

var oldArray = [12, 45, 6, 23, 19, 20, 20, 15, 30, 42];

var newArray = [];

function plusFive(oldArray[i]) {

    for (var i = 0; i < oldArray.length; i++) {
        newArray.push(oldArray[i]) + 5) };
    }
}

我是一名初级程序员，目前正在练习 Sinatra gem。

我的项目之一是一个简单的天气应用程序，它可以告诉用户不同城市的天气。现在我想隐藏我一直在使用的 API 密钥，因为我想将此网站上传到 Heroku。我该如何去做呢？我知道我需要一个 config.yml 文件。这要去哪里？是否需要进入某个文件夹？

就像将其粘贴到 config.yml 文件中一样简单吗？

    weather_api_key: *api key here*

我需要在 server.rb 文件中添加任何其他命令吗？有人可以在这里给我任何指示吗？

我正在努力理解 JavaScript 中的 Array.reduce() 。我有一个对象数组，我试图对其应用 .reduce() ，但我得到了一个单字母字符串数组。

目标：

["Stuff", "necklace", "ring", "bracelet"]

当前对象数组

const productArray =
[
    {
        id: 1,
        productTitle: "Necklace"
    },
    {
        id: 2,
        productTitle: "Ring"
    },
    {
        id: 3,
        productTitle: "Bracelet"
    }
]

函数调用

const newStuff = productArray.reduce(function(a, currentValue) {
    return [...a, ...currentValue.productTitle];
}, ["Stuff"])

实际结果：

我需要做什么来指定我不希望将“productTitle”分解为单字母字符串？我一直在寻找有关对象数组上的 .reduce() 的资源，但没有发现任何非常有帮助的内容。有什么指点吗？

我正在编写一个简短的Ruby程序,它将采用一个邮政编码并返回该邮政编码2英里范围内的城市名称.我成功调用了API并能够解析JSON数据,但我不确定如何访问"city"键.

url = API call (not going to replicate here since it requires a key)

uri = URI(url)

response = Net::HTTP.get(uri)
JSON.parse(response)

这是我的JSON的样子.

{
  "results": [
    {
      "zip": "08225",
      "city": "Northfield",
      "county": "Atlantic",
      "state": "NJ",
      "distance": "0.0"
    },
    {
      "zip": "08221",
      "city": "Linwood",
      "county": "Atlantic",
      "state": "NJ",
      "distance": "1.8"
    }
  ]
}

我一直试图像这样访问'城市':

response['result'][0]['city']

这似乎是不正确的.也试过了

response[0][0]['city'] 

以及相同代码的其他几种排列.

如何从JSON数据中获取值'Northfield'？