小编mqk*_*lin的帖子

我正在尝试使用webpack创建一个包.我有一点复杂的依赖:一些组件需要位于某个/home/.../文件夹中的其他组件.

组件(/home/.../far-away-components/base-component.js文件):

import {base_component} from "base-component";
exports class MyComponent extends base_component {
   ...
}

webpack.config.js:

var path = require("path");
module.exports = {
    ...
    module: {
        loaders: [
            {
                test: /\.(js)$/,
                loader: "babel",
                query: {
                    presets: ['react', 'es2015', "stage-0"]
                }
            }
        ]
    },
    resolve: {
        alias: {
            "base-component": "/home/.../far-away-components/base-component.js"
    }
};

问题是该far-away-components文件夹不包含node_modules,我收到一个错误:Couldn't find preset "react" relative to directory "/home/.../far-away-components".

如何设置resolve为babel-loader预设？

在css文档中有很多提到的线框(例如这里).它究竟意味着什么？

我想在创建我的React组件时使用一些抽象.例如:

class AbstractButton extends React.Component {
  render() {
    return (
      <button
        onClick={this.props.onClick}
        className={this.definitions.className}>
        {this.props.text}
      </button>
    }
}
class PrimaryButton extends AbstractButton {
  constructor(options) {
    super(options);
    this.definitions = {
        className: 'btn btn-primary'
    };
  }
}
class SuccessButton extends AbstractButton {
  constructor(options) {
    super(options);
    this.definitions = {
        className: 'btn btn-success'
    };
  }
}

我不想通过这些definitions,props因为我知道这些definitions- 在这种情况下 - 将class永远不会改变.

它是React中的反模式吗？还是可以吗？

我的问题涉及这个altjs问题:这种抽象与之不兼容@connectToStores.

我想要一个文件.它的路径在某些配置中:

//config.js
module.exports = "/home/css/style.css";

//entry.js
var path = require(./config.js);
require("style!css!" + path);

Uncaught Error: Cannot find module "."

如何要求包含可以获取根/目录的路径的文件？

我知道我可以在握手期间设置cookie:

const wss = new WebSocketServer({ server, path: '/ws' });
wss.on('headers', headers => {
  headers.push('Set-Cookie: my-cookie=qwerty');
});

如何更改websocket连接中的cookie？例如,我想在一些客户端消息后设置会话cookie:

ws.on('message', () => {
  // something like ws.setCookie('my-cookie=qwerty');
});

我尝试通过Object.assign以下方式在构造函数中定义getter和setter :

function Class() {
  Object.assign(this, {
    get prop() { console.log('call get') },
    set prop(v) { console.log('call set') },
  });
}

var c = new Class(); // (1) => 'call get'
console.log(c.prop); // (2) => undefined
c.prop = 'change';
console.log(c.prop); // (3) => 'change' 

问题:

(1)为什么叫getter？

(2)为什么没有叫getter？

(3)为什么setter被忽略了？

可以像这样在es6中编写grunt配置文件吗？

//Gruntfile.js
module.exports = function (grunt) {
  var arr = [1,2,3];
  arr.forEach(val => {
    ...
  });
  ...
}

我想从获取所有值redux-form。我不能使用formValueSelector，因为我不知道字段名称（我是动态创建的）。一种解决方案是使用store.getState().form[FORM_NAME].values，但我想这是一个肮脏的解决方案，不是吗？如果是这样，还有其他方法吗？

我有代码:

function func1(){
  return 
    array.map(function(el){
      return el.method();
    });
}

function func2(){
  var confused = 
    array.map(function(el){
      return el.method();
    });
  return confused;
}

为什么func1返回undefined时func2返回良好的价值(我需要)？

对不起我的英语不好.

我阅读了react-bootstrap button doc并且有componentClass我无法理解的道具。他们将其解释为“您可以为此组件使用自定义元素类型”。

这个道具的目的是什么？任何示例将不胜感激。