小编Obe*_*ano的帖子

我有以下组件

const list = (props) => {

  const handler = function(){

  };

  var listItems = props.items.map(function(item, index){
    return (
      <li key={index} onClick={ handler }>
        {item.text}
      </li>
    )
  });

  return (
    <div>
      <ul>
        {listItems}
      </ul>
    </div>
  )
}

点击我想要点击li的索引.使用ES6而不绑定我该怎么办？

我正试图在Chrome桌面的推送通知中播放声音.我在我的网站上设置了浏览器推送通知,但它不会播放声音.我已经通过了声音选项.

option = {
     'body' : 'This is tst Description',
     'icon' : 'icon.png',
     'silent' : 'false',
     'sound' : 'bell.mp3'
}

如果还有其他方式播放通知声音,请告诉我.

我很确定有人已经问过这个问题,但我无法在Google或SO上找到它.我只是对这个CSS的局限性感到好奇.

是否可以使用CSS在边距外添加元素的边框？基本上我希望边框放在边距之外而不是填充之外.

我理解盒子模型在CSS中是如何工作的,因此我认为不可能做我要求的事情,但是,有没有人发现任何黑客可以解决这个问题？

谢谢!

我检查了此处询问的有关编辑iframe CSS的（很多）问题，并且能够编辑来自我们自己站点的其他iframe，但这是完全不同的。

我有一个iframe（位于同一网站上），该框架创建一些HTML元素，然后调用跨域iframe来显示游戏（在其中）。

到目前为止，我已经能够使用jquery .contents（）和.find（）函数自由地编辑内部iframe：

var first-iframe =  $('#iframeid').contents();
first-frame.find('.to-modify').css('blabla','10);

该内容可以让我.find（）的任何元素的iframe中，并修改CSS。当我有了第二个跨域iframe时，就会出现问题。

第一个.contents（）似乎无法让我访问第二个iframe，而且我不确定执行排队呼叫是否有效。我尝试过这样的事情：

first-iframe.find('#second-Iframe').contents();

但这似乎也不起作用。我阅读了许多其他选项来编辑CSS，但其中大多数选项不适用于跨网域iframe。

很抱歉没有提供任何代码，它包含一些明智的逻辑。我希望我的问题已经足够清楚了。

我正在使用io-ts，我想知道是否有办法将字符串数组（文字）转换为此类文字的并集。例如：

export const CONTROLS = [
  "section",
  "text",
  "richtext",
  "number",
];

export const ControlType = t.union(
  // What to do here? Is this even possible? This is what came to mind but it's obviously wrong.
  // CONTROL_TYPES.map((type: string) => t.literal(type))
);

我不知道这是否可行，但鉴于这io-ts只是 JS 函数，我不明白为什么不可以。我只是不知道如何。

这种情况下的最终结果应该是（使用 io-ts）：

export const ControlType = t.union(
  t.literal("section"),
  t.literal("text"),
  t.literal("richtext"),
  t.literal("number"),
);

我相信这完全违背了该display: flex属性应该工作的方式，但我想知道它是否可能，或者是否有黑客攻击。

是否有可能让 flex 容器的子项不作为 flex 项目？例子：

http://jsbin.com/jusehedumi/edit?html,css,output

有什么办法可以让孩子三成为一个正常的显示块？没有它由于justicity-content: center父 flex 容器而自动对齐？

纯粹的 css 解决方案会很棒。考虑一下，添加一些额外的 HTML 可能会使这个问题更容易修复/解决。

.flex{
  display: flex;
  justify-content: center;
  width: 400px;
  height: 400px;
  background: #ccc;
}

.child{
  width: 100px;
  height: 100px;
  background: red;
  margin: 20px;
}

.child.three{
  background: blue;
  display: block;
}

  Is there any way to make child three not behave as a flex child?
  <div class="flex">
    <div class="child one"></div>
    <div class="child two"></div>
    <div class="child three"></div>
  </div>

编辑：我知道可以通过使用position: absolute或类似方法将孩子从 …