小编Rad*_*dex的帖子

在redux中发送多个动作的位置?

我正在使用redux connectredux-thunk中间件和容器.

目前,当用户执行操作时,例如,单击一个按钮,我需要调度该动作(同步),该动作将调度其他几个动作(异步).

我知道在reducer中调度动作是一种反模式.

我想知道这个代码适合什么地方.

目前我不确定它是否应该留在:

  • 动作创作者.
  • 在使用store.subscribe的容器中.

javascript redux

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

如何为 zsh 设置 Vi 编辑模式

我想在打开 shell 时自动在 zsh 中将 vi 设置为编辑模式(我正在使用 oh-my-zsh),所以在我开始时我.zshrc尝试了以下代码:

set -o vi

或者

bindkey -v

但是当在 shell 中按 Enter 时,我无法进入 vi 模式。

如果我在 shell 中尝试了这两个命令之一,它就可以工作。

基本上我希望 zsh 在 vi​​ 编辑模式下启动。

任何想法如何解决这个问题?

vi zsh

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

如何在两个字符串之间的reactjs中添加一个<br>标签?

我正在使用反应.我想<br>在字符串之间添加换行符

"没有结果"和"请尝试其他搜索字词."

我试过了 'No results.<br>Please try another search term.'

但它不起作用,我需要<br>在html中添加.

任何想法如何解决?

   render() {
       let data = this.props.data;
       let isLoading = this.props.isLoading;
       let isDataEmpty = Object.entries(data).length === 0;
       let movieList = isLoading ? <Loader /> : isDataEmpty ? 'No results. Please try another search term.' :
           Object.entries(data).map((movie, index) => <MovieTile key={index} {...movie[1]} />);
       return (
           <div className='movieList'>{movieList}</div>
       );
   }
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

如何使用eslint no-unused-vars代码块?

我需要在eslint中禁用一些变量,当前我使用的代码没有结果

/* eslint no-unused-vars: ["error", { "caughtErrorsIgnorePattern": "Hey" }] */
export type Hey={
    a:string,
    b: Object
  }
Run Code Online (Sandbox Code Playgroud)

是否存在以下变体:

  • 可以为代码块启用no-unused-vars,

就像是

/* eslint rule disable"*/
// my code
/* eslint rule disable"*/
Run Code Online (Sandbox Code Playgroud)

或者将Hey添加为全局,那么可以忽略每一个地方?

javascript eslint

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

如何有条件地添加或不点击一个div作出反应?

我想知道是否可以onClick根据我的情况中的属性值设置响应中的div元素canClick.

我知道我可以直接检查this.state handler而不是我正在寻找一个内部实现的解决方案render.

...
handler(){
}

render() {
  const { canClick} = this.state
  return (
    <div onClick={this.handler}>hello</div>
  )
}
...
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

.join`` 在 JavaScript 中是什么意思?

我遇到了这个代码:

new Array(10).fill('1').join``;

我不知道紧接其后使用的符号``.join是什么意思。

我认为正确的语法是new Array(10).fill('1').join('').

欢迎任何想法谢谢!

const data = new Array(10).fill('1').join``;
console.log(data)
Run Code Online (Sandbox Code Playgroud)

javascript

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

如何将对象作为参数传播给函数?

我有一个对象是一个接受参数的函数,我想传播对象,所以每个属性都是该函数中的一个参数.

我的代码中我做错了什么?

const args = {
    a: 1
    b: 2
}

const fn = (a, b) => a + b

// i am trying with no success
console.log(fn(...args))
Run Code Online (Sandbox Code Playgroud)

javascript

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

如何使用 Omit&lt;&gt; 以简洁的方式省略多个属性

在以下类型定义中,我使用Omit两次从B定义中删除两个属性。我想知道是否可以Omit在一次拍摄中仅使用一个但删除两个或多个属性。

export type A = Readonly<{
  x: number;
  y: number;
  j: string;
  k: string;
}>;

export type B = Omit<A, 'j'> & Omit<A, 'k'>
Run Code Online (Sandbox Code Playgroud)

javascript typescript

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

如何为 svg rect 设置填充颜色

我在 svg 中有以下图标,其中包含一个矩形。我需要染成红色(现在它们是白色的)。使用我当前的 CSS 解决方案,我无法获得想要的结果。知道如何修复它吗?

注意这个问题与其他问题不同,因为它只与 rect 而不是路径有关。

.icon rect {
  fill: red;
}

html {
  background-color: gray;
}
Run Code Online (Sandbox Code Playgroud)
<div class="icon">
  <svg width="50%" height="50%" viewBox="0 0 16 20" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <g transform="translate(-28.000000, -26.000000)" stroke-width="2" stroke="#FFFFFF">
        <rect x="43" y="27" width="1" height="18"></rect>
        <rect x="29" y="27" width="1" height="18"></rect>
      </g>
    </g>
  </svg>
</div>
Run Code Online (Sandbox Code Playgroud)

html css svg

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

解构赋值以构建新对象 - 有可能吗?

是否可以使用解构赋值语法来将数据对象提取到另一个对象而不是不同的变量中?

产生不同变量的示例 (foo, bar):

var {p: foo, q: bar} = {p: 42, q: true};
 
console.log(foo); // 42
console.log(bar); // true  
Run Code Online (Sandbox Code Playgroud)

相反,我需要创建一个包含以下属性的新对象:

var n = {
foo: 42,
bar: true
}
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6 babeljs

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

标签 统计

javascript ×8

reactjs ×2

babeljs ×1

css ×1

ecmascript-6 ×1

eslint ×1

html ×1

redux ×1

svg ×1

typescript ×1

vi ×1

zsh ×1