小编Aps*_*wak的帖子

在reducer中使用变量作为对象键

我在构建对象时遇到了麻烦.我有一个字符串(称为"SKU"在这个例子中)和它的透进来actionaction.name.

我在reducer函数中有所有可用但我需要将硬编码更改SKU为action.name,但显然这在JS中是不可能的.我试过了action.name,action['name']其他的变化和我卡住了.

有什么工作?任何帮助赞赏!谢谢.

这是一些代码,所以你可以看到发生了什么:

日期更改时触发的函数...

handleChange(date) {
  this.props.addDate(date, this.props.dashboardName);
}
Run Code Online (Sandbox Code Playgroud)

mapDispatch连接在组件导出的底部...

const mapDispatchToProps = dispatch => {
  return {
    addDate: (date, name) => dispatch({
      type: 'ACTION_DASHBOARD_ADD_DATE',
      date,
      name
    })
  };
};
Run Code Online (Sandbox Code Playgroud)

行动创造者......

export function DashboardDate() {
  return {
    type: ACTION_DASHBOARD_ADD_DATE
  };
}
Run Code Online (Sandbox Code Playgroud)

减速机开关的情况......

case ACTION_DASHBOARD_ADD_DATE: {
      var filter = {};
      filter[action.name] = action.date;
      return {
        ...state,
        dashboard: {
          ...state.dashboard,
          // Below SKU needs to be the value of action.name
          SKU: …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux

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

Javascript:将键盘输入添加到计算器

昨天开始了一个小项目来制作计算器.我认为它完全正常工作但我想更进一步添加键盘输入(就像你可以在出厂默认的OS计算器上)

我在这里找到了答案,但它是针对C#的.

所以:

如何在JavaScript中添加键盘输入?这将包括0-9,所有运算符,"C"清除和"删除"/"esc"以删除最后一个条目.

理想情况下,我想要
点击键时我发生的css悬停效果(更暗的阴影).

你可以在这里查看开头:http: //codepen.io/kreitzo/pen/RapEqp

的index.html

<div id="calculator">
  <div id="screen">
    <div id="calc">0</div>
    <div id="result">0</div>
  </div>
  <button class="value">1</button><button class="value">2</button><button class="value">3</button><button class="value">+</button><button class="value">4</button><button class="value">5</button><button class="value">6</button><button class="value">-</button><button class="value">7</button><button class="value">8</button><button class="value">9</button><button class="value">*</button><button class="value">.</button><button class="value">0</button><button class="CE">   &larr;</button><button class="value">/</button><button class="equals">=</button><button class="C">C</button>

</div>
Run Code Online (Sandbox Code Playgroud)

的script.js

$(document).ready(function() {

  var string = "";

  /* Calculator input string */
  $(".value").click(function() {
    string += $(this).text();
    $("#calc").text(string);
  });

  /* Clear all */
  $(".C").click(function() {
    string = "";
    $("#calc, #result").text("0");
  });
  /* Clear last entry */
  $(".CE").click(function() {
    string …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

单击后从按钮移开焦点

完成一个简单的计算器项目。正如您将在Codepen上看到的那样;当我进行计算时,例如执行“ 2 + 3”,然后按键盘上的Enter键。它返回答案,但也再次输入3(最后输入)。(我认为)这是因为焦点仍然位于单击的最后一个按钮上。

我该如何解决?

http://codepen.io/kreitzo/pen/RapEqp

html

<div id="calculator">
  <div id="screen">
    <div id="calc">0</div>
    <div id="result">0</div>
  </div>
  <button class="value">1</button><button class="value">2</button><button class="value">3</button><button class="value">+</button><button class="value">4</button><button class="value">5</button><button class="value">6</button><button class="value">-</button><button class="value">7</button><button class="value">8</button><button class="value">9</button><button class="value">*</button><button class="value">.</button><button class="value">0</button><button class="CE">   &larr;</button><button class="value">/</button><button class="equals">=</button><button class="C">C</button>

</div>
Run Code Online (Sandbox Code Playgroud)

的CSS

@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);
body {
  text-align: center;
  background: -webkit-linear-gradient(to top right, #4d48c0, #56BF6D);
  /* Safari */
  background: -o-linear-gradient(to top right, #4d48c0, #56BF6D);
  /* Opera */
  background: -moz-linear-gradient(to top right, #4d48c0, #56BF6D);
  /* Mozilla */
  background: linear-gradient(to top right, #4d48c0, #56BF6D);
  /* Standard */ …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

正则表达式 x 之后的所有内容直到空格

xnum-539 classname random-word xnum-hello hi-239

我需要挑出之后的任何东西xnum-,所以在这种情况下,539, 和hello.

我尝试了多种方法,最好的方法是:

-(.*?)\s. 但是当我只想要破折号之后的内容时,这包括破折号。(例如-539

或者

rnum-(.*?)\s 这需要整个事情。

对于这两种解决方案,我都不想手动切片。抱歉,如果这是重复的,但我尝试使用其他答案,而且我在正则表达式方面很糟糕。

谢谢

javascript regex

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

当值包含特殊字符时,ElasticSearch 通配符不返回

我有一个弹性搜索服务,当您在文本输入中键入内容然后填充表格时,该服务会进行提取。对于所有字母数字值,但对于特殊字符(特别是连字符),搜索正常工作(返回过滤数据)。例如,对于国家/地区,Timor-Leste如果我作为术语传入,Timor我会得到结果,但一旦添加连字符 ( Timor-),我就会得到一个空数组响应。

const queryService = {
  search(tableName, field, term) {
    // If there is no search term, run the wildcard search with 20 values
    // for the smaller lists to be pre-populated, like "Gender"
    return `
{
  "size": ${term ? 200 : 20},
  "query": {
    "bool": {
      "must": [
        {
          "match": {
            "tablename": "${tableName}"
          }
        },
        {
          "wildcard": {
            "${field}": {
              "value": "${term ? `*${term.trim()}*` : '*'}",
              "boost": 1.0,
              "rewrite": "constant_score"
            }
          }
        } …
Run Code Online (Sandbox Code Playgroud)

wildcard amazon-web-services elasticsearch

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