小编ari*_*rie的帖子

Redux表单:如何处理多个按钮?

我正在尝试向redux-form添加第二个提交按钮.

两个按钮都应该调度保存数据的操作,但根据按下的按钮,用户应该路由到不同的页面.

所以我定义了一个处理程序,我将其作为onSubmitprop 传递给表单.

但据我所知,只有表单数据传递给此处理程序:

文件handleSubmit注意到:

一个函数意味着传递给<form onSubmit={handleSubmit}><button onClick={handleSubmit}>.它将运行验证,同步和异步,如果表单有效,它将调用this.props.onSubmit(data)表单数据的内容.

我缺少的是一种方法,也可以将有关按下按钮的信息(例如点击事件)传递给我的onSubmit处理程序,这样我就可以按预期保存和路由.

reactjs redux redux-form

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

如何使用webpack提取多个主题样式表?

我正在尝试使React应用程序成为主题.目前,主题仅包含不同的Sass变量集,这些变量定义了不同的标题颜色等.

根据我目前的理解,这ExtractTextPlugin似乎是我最好的选择,因为我不希望我的样式被内联,而是每个主题都有单独的文件.

所以我创建了两个主题:

src/scss/themes/theme-a.scss
src/scss/themes/theme-b.scss
Run Code Online (Sandbox Code Playgroud)

主题导入基本布局和常用样式并覆盖相关变量.

但我设法让webpack为这两个主题创建单独的css文件的唯一方法是为我的每个主题创建不同的入口点webpack.prod.config:

entry: {
  app: './src/js/init.js',
  theme-a: './src/scss/themes/theme-a.scss',
  theme-b: './src/scss/themes/theme-b.scss'
},
Run Code Online (Sandbox Code Playgroud)

但是为每个新添加的主题添加新的入口点会感觉不对,我认为必须有更好的方法吗?

sass reactjs webpack

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

CouchDB - 从列表中筛选每个记录实例的最新日志

我可以使用一些帮助过滤couchdb视图中的不同值.我有一个数据库,用于存储包含计算机信息的日志.定期将计算机的新日志写入db.

有点简化我存储这样的条目:

{
   "name": "NAS",
   "os": "Linux",
   "timestamp": "2011-03-03T16:26:39Z",
}
{
   "name": "Server1",
   "os": "Windows",
   "timestamp": "2011-02-03T19:31:31Z",
}
{
   "name": "NAS",
   "os": "Linux",
   "timestamp": "2011-02-03T18:21:29Z",
}
Run Code Online (Sandbox Code Playgroud)

到目前为止,我正在努力通过不同的条目过滤此列表.我想收到的是每个设备的最新日志文件.

我有这样的观点:

function(doc) {
    emit([doc.timestamp,doc.name], doc);
}
Run Code Online (Sandbox Code Playgroud)

我用python(couchdbkit)查询这个视图,到目前为止我提出的最佳解决方案看起来像这样:

def get_latest_logs(cls):
    unique = []
    for log in cls.view("logs/timestamp", descending=True):
        if log.name not in unique_names:
            unique.append(log)
    return unique
Run Code Online (Sandbox Code Playgroud)

好的......这很有效.但我有强烈的感觉,这不是最好的解决方案,因为python需要迭代整个日志文件列表(可能会变得很长).

我想我需要一个reduce函数,但我无法找到任何可以适应我的问题的例子或解释.

所以,我正在寻找的是一个(纯couchdb)视图,它只会吐出给定设备的最新日志.

python couchdb mapreduce couchdbkit

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

标签 统计

reactjs ×2

couchdb ×1

couchdbkit ×1

mapreduce ×1

python ×1

redux ×1

redux-form ×1

sass ×1

webpack ×1