小编Daa*_*vvy的帖子

使用babel透明化基于类的Web组件

我有一个简单的Web组件,遵循最新的Web组件v1类语法,它在Chrome和Firefox/Edge(带有polyfill)中运行良好,但我希望它在IE11中运行,所以我需要转换类.然而,通过babel运行它会生成不再适用于任何浏览器的代码.

有没有办法用类语法生成向后兼容的Web组件,还是有一种首选方法来编写Web组件以实现最大兼容性?

示例代码 -

class TestElement extends HTMLElement {
  connectedCallback(){
    this.innerHTML = "<div>Testing</div>"
  }
}

customElements.define('test-element', TestElement)
Run Code Online (Sandbox Code Playgroud)

使用转换代码时出现错误信息是 -

未捕获TypeError:无法构造'HTMLElement':请使用'new'运算符,此DOM对象构造函数不能作为函数调用.

javascript web-component custom-element babeljs

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

具有高阶分量的通用分量

我想给我的React组件props一个泛型类型,但是当我将它包装到一个更高阶的组件(material-ui)中时,这种类型就丢失了。我该如何传递所需的信息?

type Props<T> = {
  data: Array<T>;
}

class MyComponent<T> extends React.Component<Props<T>> {

const StyledComponent = withStyles(styles)(MyComponent)
Run Code Online (Sandbox Code Playgroud)

使用<StyledComponent<myType会产生错误,因为它不了解泛型。

typescript reactjs material-ui

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

角度 jsonp 调用

如何通过新的 Angular HttpClientModule 进行 jsonp 调用?

我看到有一个 HttpClient.jsonp 方法,但从文档中我不太清楚如何设置 HttpClientJsonpModule 拦截器。我不确定 JsonpCallbackContext 应该来自哪里?

https://angular.io/api/common/http/HttpClientJsonpModule

编辑:仅添加 HttpClientJsonpModule 会导致以下错误 -

Refused to execute script because its MIME type ('application/json') is not executable
Run Code Online (Sandbox Code Playgroud)

angular

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