小编Geo*_*der的帖子

我有一个相当标准的数组：

["value","value","value"]

如果我想迭代它，每个列表项都需要一个唯一的键。但在这种情况下我该怎么做呢？

JSON 通常带有一个 id - 但在这种情况下，我没有任何 id，并且值也不是唯一的，所以我不能只使用它们作为键。

{someArray.map(object => {
                return (<span key=???> {object} </span>); })}

我正在尝试在 Bootstrap 4 中使用媒体查询。

在他们的网站上，他们这样做：

@include media-breakpoint-up(xs) { ... }
@include media-breakpoint-up(sm) { ... }
@include media-breakpoint-up(md) { ... }
@include media-breakpoint-up(lg) { ... }
@include media-breakpoint-up(xl) { ... }

// Example usage:
@include media-breakpoint-up(sm) {
  .some-class {
    display: block;
  }
}

所以我抓住了 Bootstrap SCSS，复制了它_breakpoints.scss并将其包含在我的项目中。我导入它，然后尝试使用媒体查询：

@import "partials/breakpoints";

@include media-breakpoint-up(sm) {

  .mycontainer  {
    background-color: black;
  }
}

但是，当我编译 SASS 时出现以下错误：

检测到的更改为：main.scss 错误页面/_geschichte.scss（第 54 行：未定义变量：“$grid-breakpoints”。）

我这样做是错误的方式还是需要包含更多文件？然后我尝试通过还包括 来解决这个问题_grid.scss，但是为此，又需要其他一些东西，所以我不确定这是否确实是正确的方法，并认为我最好问一下。

我曾经有一个 scss 文件，并将其转换为一个 css 文件并在我的 html 中使用它。我现在想重新安排我的东西，并使用多个SCSS文件，分割成main.scss，buttons.scss等

但是，如果我是正确的，那么输出也将在多个.css文件中，即我不能告诉 SASS 将它们全部合并为一个文件。

我如何最好地将这些多个文件包含到我的 html 中？有没有办法再次组合所有这些并拥有一个.css文件，或者我应该根据需要将它们作为单独的文件加载到我的不同页面中？

如果最后最好使用单个文件（我想是这样），我可以告诉 SASS 将我的.scss文件合并为一个.css文件，还是为此使用不同的工具？

我是React的新手。我在一个按钮组中有几个按钮：

      <div className="btn-group">
        <button className="btn btn-mini btn-default" onClick={() => this.changeDataType("type1")} >Button1</button>
        <button className="btn btn-mini btn-default" onClick={() => this.changeDataType("type2")} >Button2</button>
        <button className="btn btn-mini btn-default" onClick={() => this.changeDataType("type3")} >Button3</button>
      </div>

每当用户单击其中一个按钮时，该按钮应成为活动的，选定的按钮。我发现我需要将CSS类添加active到相应的按钮，但是我不确定如何实现这一点。

我考虑了一下。我有一个changeDataType连接到按钮的功能，其中还有其他功能。那我可以在那里以某种方式操纵CSS吗？

所以我想我的问题是，首先是如何定位需要定位的按钮，其次是如何使用React更改该按钮的CSS。

在Node.js中,我试图写入Documents用户的文件夹(在macOS上):

var logger = fs.createWriteStream('~/Documents/somefolderwhichexists/'+title+'.txt');

这给了我一个错误,但我不确定是什么问题.错误说:

未捕获的异常:错误:ENOENT:没有这样的文件或目录

我怎么能在这里使用绝对路径？或者我的错误是什么？

我的减速机看起来像这样：

switch (action.type) {
      case "UPDATE_CURRENT_USER":
        let newState = {...state, ...action.payload };
        return newState;
      case "GET_CURRENT_USER":
        return state;
      case "UPDATE_USERNAME":
        newState = {...state, name: action.payload.name};
        return state;
  }

现在，我第二次使用时newState不再定义它。我只是使用上面定义的变量。这个可以吗？我想重新定义它，但出现错误。但我不确定这种方式是否仍然会给我正确的结果 - 尽管一切似乎都工作正常？

我正在尝试使用gatsbyjs将我的react应用程序构建到静态html页面中。我刚刚尝试了“ gatsby build”，它经历了所有的事情，直到它想要创建静态页面，然后我得到：

error Building static HTML for pages failed

See our docs page on debugging HTML builds for help


  1 | if (global.GENTLY) require = GENTLY.hijack(require);   2 |
> 3 | var crypto = require('crypto');
    | ^   4 | var fs = require('fs');   5 | var util = require('util'),   6 |     path = require('path'),


  WebpackError: require is not a function

  - incoming_form.js:3 Object.map../file
    ~/formidable/lib/incoming_form.js:3:1

  - index.js:1 Object.<anonymous>
    ~/formidable/lib/index.js:1:1

  - index.js:8 Object.<anonymous>
    ~/superagent/lib/node/index.js:8:1

  - contact.js:3 Object.<anonymous>
    src/pages/contact.js:3:1

  - sync-requires.js:8 Object.exports.__esModule …

我最近在命令行上遇到了 at 命令，但我想知道我是否可以编写一个 bash 脚本，以某种方式让我能够告诉 at 命令在每天晚上 8 点或每周一、每周等运行。基本上在定期间隔。这怎么可能？

计算对象中包含的项目，我曾经有：

Object.keys(state.posts).length

现在，我将posts状态更改为一个immutablejs Map，如下所示：

Map({ "1": {title: "First Title"}, "2" : {title: "Second Title"} });

...但是现在我不知道如何计算对象中的项目了吗？我尝试了诸如Object.keys(state.posts.get()).length和的一些操作Object.keys(state.posts.entries()).length，但无济于事。

我目前正在这样做：

class Checked extends React.Component {
    render() {
        return (
            <svg width="24" fill="#00ea00" height="24" viewBox="0 0 24 24">
                <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
            </svg>
        );
    }
}

但是我想做这样的事情：

import imgTable from '../img/catering_table.svg'

class Checked extends React.Component {
  render() {
      return imgTable;
  }
}

为什么这不起作用？我在这里返回变量而不是实际内容吗？我本以为两者是等效的。

PS：Webpack设置正确，我在该文件的其他地方使用了导入，所以不是那样。（顺便说一下，我在这里使用GatsbyJS）