javascript - 如何为 Google AMP 中使用方括号的 JSX 属性编写类型声明？

Question

使用 AMP 的 binding feature ，您必须使用特殊属性，将元素的属性用方括号括起来并将其链接到表达式。以下是来自 AMP 的示例:

<p [text]="'Hello ' + foo">Hello World</p>

<button on="tap:AMP.setState({foo: 'amp-bind'})">

问题是，目前没有@types/amp，并且 Typescript 在我的 JSX 中的第一个 [ 处抛出错误，表示 [ts] 需要标识符。搞乱它我也有[ts]逗号运算符的左侧未使用并且没有副作用。

这很可能可以通过正确的 Typescript 类型声明来解决。有什么建议么？

Answer 1

根据amp-bind component文档:

Bracket characters [ and ] in attribute names can be problematic when writing XML (e.g. XHTML, JSX) or writing attributes via DOM APIs. In these cases, use the alternative syntax data-amp-bind-x="foo" instead of [x]="foo". For example:

<p data-amp-bind-text="'Hello ' + foo">Hello World</p>