小编mgu*_*arr的帖子

在react-bootstrap输入组件上输入键事件处理程序

我有一个Input带按钮(buttonAfter属性)的组件,我设置了一个onClick与按钮关联的处理程序,因此用户可以键入一些文本,然后按下该按钮以触发正确的操作.

但是,我希望用户能够[Enter]按键(键代码13)以达到与单击按钮相同的效果,只是为了使UI更易于使用.

我找不到办法做到这一点,当然我试图onKeydown为按键事件注册一个处理程序,但它只是被忽略了.

reactjs react-bootstrap

26
推荐指数
3
解决办法
4万
查看次数

bundle.js文件输出和webpack-dev-server

我在webpack.config文件中有这个输出配置:

config = { 
          ...
          output: {
              path: path.resolve(__dirname, 'dist'),
              filename: 'bundle.js',
              publicPath: 'http://localhost:8090/'
          },
... }
Run Code Online (Sandbox Code Playgroud)

bundle.js不会写入指定的路径path; 它只能通过Web服务器提供,而我希望两者都可以.

我应该改变什么来同时拥有文件和Web服务器?

webpack webpack-dev-server

14
推荐指数
2
解决办法
8396
查看次数

webpack,babel:es6 import vs. Fabric.js

我在我的开发工具链中使用webpack和babel; 运行以下代码时:

import * as fabric from 'fabric';

var canvas = new fabric.Canvas('canvas');
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

_fabric2.default.Canvas is not a constructor
Run Code Online (Sandbox Code Playgroud)

如果我用require('fabric');而不是 相同的代码工作正常import.

我尝试了不同的呼叫方式,import但没有一种方法有效.

我的linting工具抱怨未定义的fabric变量,所以我想正确定义它.令人惊讶的是(对我来说),这段代码既不起作用:

var fabric = require("fabric");
Run Code Online (Sandbox Code Playgroud)

在这种情况下我收到以下错误:

fabric.Canvas is not a constructor
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么 ?

fabricjs webpack babeljs

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

谷歌字体+网络包

我是webpack 2.2的新手; 我想知道在我的项目中集成Google字体的最佳方法.

我正在使用Webpack HTML插件index.html从模板生成一个.所以目前我直接在<script>标签中对Google字体CSS进行了硬编码,但我并不喜欢这种"解决方案",因为它根本不使用webpack:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
  </head>
  <link href="https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister" rel="stylesheet">
  <body>
    <div id='app'/>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

google-webfonts webpack-2

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

反应redux:容器组成

我正在构建一个React + Redux应用程序,我开始考虑在另一个容器中使用容器.我问自己这是不是一个好方法,即.这是好的做法,还是我们应该严格遵循1个容器的规则和几个组件?

redux react-redux

11
推荐指数
1
解决办法
3354
查看次数

如何通过Conda获取java可执行文件?

我需要 java 1.7,在 Conda 环境中。我像这样安装了 OpenJDK Java 1.7:

conda install -c anaconda java-1.7.0-openjdk-cos6-x86_64
Run Code Online (Sandbox Code Playgroud)

到目前为止,一切都很好。但是,我没有任何java可执行文件,也找不到它......

那么我该如何执行 JAR 文件呢?

java anaconda miniconda

9
推荐指数
2
解决办法
3万
查看次数

React组件生命周期,状态和redux

我想使用redux来存储我的整个反应应用程序的状态,但是我遇到了一个特定的情况:

  • 如何处理时Redux的组件需要一个本地状态,通过生命周期方法,如修改componentDidUpdatecomponentDidMount

包含由同位素布局库排列的"卡片"的反应组件示例:

componentDidMount() {
    let container = ReactDOM.findDOMNode(this);
    if (! this.state.isotope) {
        this.setState({ isotope: new Isotope(container, {itemSelector: '.grid-item', layoutMode: 'masonry'})});
    }
}

componentDidUpdate(new_props, new_state) {
    if (new_state.items_list != this.state.items_list) {
        if (this.state.isotope) {
            this.state.isotope.reloadItems();
            this.state.isotope.layout();
            this.state.isotope.arrange();
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

有没有办法删除此组件中的本地状态并使用redux?我看不出怎么做

reactjs redux isotope

8
推荐指数
1
解决办法
8328
查看次数

是否可以将gzip压缩与服务器发送事件(SSE)一起使用?

我想知道是否可以为服务器发送事件启用gzip压缩(SSE;内容类型:文本/事件流).

根据这本书,似乎有可能:http: //chimera.labs.oreilly.com/books/1230000000545/ch16.html

但是我找不到任何带有gzip压缩的SSE的例子.我尝试将带有响应头字段Content-Encoding的 gzip压缩消息发送 到"gzip"但没有成功.

为了试验SSE,我正在使用瓶子框架+ gevent测试一个用Python制作的小型Web应用程序; 我只是运行瓶子WSGI服务器:

@bottle.get('/data_stream')
def stream_data():
    bottle.response.content_type = "text/event-stream"
    bottle.response.add_header("Connection", "keep-alive")
    bottle.response.add_header("Cache-Control", "no-cache")
    bottle.response.add_header("Content-Encoding", "gzip")
    while True:
        # new_data is a gevent AsyncResult object,
        # .get() just returns a data string when new
        # data is available
        data = new_data.get()
        yield zlib.compress("data: %s\n\n" % data)
        #yield "data: %s\n\n" % data
Run Code Online (Sandbox Code Playgroud)

没有压缩的代码(最后一行,注释)和没有gzip内容编码头字段的代码就像一个魅力.

编辑:感谢回复和其他问题:Python:创建流式gzip文件?,我设法解决了这个问题:

@bottle.route("/stream")
def stream_data():
    compressed_stream = zlib.compressobj()
    bottle.response.content_type = "text/event-stream"
    bottle.response.add_header("Connection", "keep-alive")
    bottle.response.add_header("Cache-Control", "no-cache, must-revalidate")
    bottle.response.add_header("Content-Encoding", "deflate") …
Run Code Online (Sandbox Code Playgroud)

python html5 gzip bottle server-sent-events

7
推荐指数
1
解决办法
2923
查看次数

使用webpack代码拆分,如何加载块和HTML布局?

我使用webpack来构建块,按需加载(代码分割); 每个块都将React组件呈现为DOM元素(div).我需要HTML来创建这些div:我应该如何以及何时加载相应的HTML?我应该如何按需加载块?

我使用jQuery的load函数从容器中的文件插入HTML divs.另外我放了一个<script>标签来告诉我应该加载哪个块但是我发现它与我的其他应用程序代码相比都很笨拙而且不优雅.

有一种不那么脆弱的方法吗?

html javascript reactjs webpack

6
推荐指数
1
解决办法
1287
查看次数

Conda gcc 不会取代系统 gcc

我正在尝试在 Conda 环境中编译一些代码,我之前在其中安装了编译器包gcc_linux-64

但是,即使在停用并再次重新激活环境之后, gcc仍然是/usr/bin/gcc.

我该怎么做才能让 Conda 按预期工作,即。使用我安装的工具?就像其他软件一样git

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

gcc conda miniconda

6
推荐指数
1
解决办法
7156
查看次数