小编mit*_*uog的帖子

关于这个React组件库.

• https://github.com/stripe/react-stripe-elements

如何将边框样式与输入组件放在一起？

<CardElement style={{
  base: {
    fontSize: '18px',
    border: '1px solid red' // it is not work.
  } 
}} />

但是,似乎他们没有提供自定义样式界面.

• https://stripe.com/docs/elements/reference#element-options \

谁知道？

更新:

以下是使用StripeElement类应用自定义样式的示例代码.

.StripeElement {
  border: 1px solid #eee;
}

.StripeElement--invalid {
  border: 1px solid red;
}

当我在 git 中挑选樱桃后进行 rebase 时，有一些我不明白的事情。有人可以告诉我发生了什么事吗？

场景是这样的：

我正在主分支和主题分支上工作，如下所示，该主题有两次提交。

      C---D  topic
     /
A---B      master

我的主题分支有问题，所以我决定只挑选 D 并将其合并到主分支中。我创建一个发布分支并挑选它。

      C---D  topic
     /
A---B      master
     \
      D'  release

我将发布合并到主控中。

      C---D  topic
     /
A---B----E   master
     \  /
      D'  release

该主题的基础分支已更改，因此我将其重新设置为最新的主分支。

           C  topic
          /
A---B----E   master
     \  /
      D'  release

最后，那个精心挑选的提交D从主题中消失了。这就是我想要的结果。但我不明白为什么 git 发现它们是相同的，即使提交哈希值不同。

对于 React 和 TypeScript 创建的这么小的组件。

interface Props {
}

interface State {
  isOpen: boolean;
}

class App extends React.Component<Props, State> {

  constructor(props: Props) {
    super(props);
    this.state = { 
      isOpen: false
    };
  }

  private someHandler() {
    // I just want to turn on the flag. but compiler error occurs.
    this.state.isOpen = true;
    this.setState(this.state);
  }

}

当我尝试将 TypeScript 1.8 升级到 2.0 时，出现如下编译器错误。

error TS2540: Cannot assign to 'isOpen' because it is a constant or a read-only property.

我想也许是这个变化造成的。

• https://github.com/Microsoft/TypeScript/wiki/FAQ#why-are-getters-without-setters-not-considered-read-only

所以我只想打开标志。

我应该怎么办？有人知道解决方法吗？

谢谢。 …

关于试剂.

我需要动态更改一些CSS类名.我该怎么办？

示例代码在这里.

(defn app []
  (let [array [1, 2, 3]]
    (fn []
      [:div
       (for [index array]
         ;; I wanna change this classname like `item-1, item-2, ...`
         ^{:key index} [:div.i-wanna-change-this-classname-dynamically index])])))

我试图将3-backticks代码块(```)放在3-backticks代码块中.但我无法得到正确的结果.

如何在3-backticks代码块中逃脱？

原始降价文件:

# Markdown example

```
here is an example code.

```
// this area is nested 3-backticks code block.
const hello = "hello";
```

```

预期结果:

Markdown示例

here is an example code.

```
// this area is nested 3-backticks code block.
const hello = "hello";
```

考虑以下形式：

<form>
  <input type="text" minlength="5" value="1234">
  <button type="submit">submit</button>
</form>

当我单击提交按钮而不进行任何更改时，最小长度验证不起作用，并且表单成功提交。

但是在更改输入值（例如）后1234 -> 12345 -> 1234，验证有效，并且表单未提交。

为什么？

请考虑以下按钮样式:

body {
  padding: 1rem;
}

button {
  background: blue;
  color: #fff;
  padding: 1rem;
}

button:hover {
  transform: translateY(-3px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .18);
}

<button>kinda shaky</button>  

当我指着边界时,按钮开始跳舞!!

如何修复跳舞按钮？

也许是通用的 TypeScript 问题。考虑这样一个简单的过滤代码：

interface User {
  id: number;
  name?: string;
}

const users: User[] = [
  { id: 1, name: 'aaa' },
  { id: 2  },
  { id: 3, name: 'bbb' },
];

users
  .filter(user => Boolean(user.name))
  // Object is possibly 'undefined'... why?
  .map(user => console.log(user.name.length));

我undefined在filter块中过滤掉了，但编译器坚持说Object is possibly 'undefined'.

有人能解释一下为什么 TypeScript 会做出这样的事情吗？任何好的解决方法。

注意：我想使用strictNullChecks选项。

谢谢。