Vue jsx，渲染函数中的h已定义但从未使用过

Question

我正在使用 vue jsx，问题是 eslint 给了我这个关于 h 已定义但未使用的错误。所有的设置和安装都是默认的 vue 配置。

除了错误之外，代码都可以工作。

这是我的代码

//HelloWorld.vue
<script>
export default {
  name: "HelloWorld",
  render: function(h) {
    return (<h1>Hello World</h1>);
  }
};
</script>

//App.vue
<template>
  <HelloWorld />
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";

export default {
  name: "App",
  components: {
    HelloWorld
  }
};
</script>

我该如何解决这个问题？ 注意：如果我只是删除它抛出的 h：ReferenceError: h is not defined

Answer 1

您可以尝试明确跳过导致问题的行

<script>
export default {
  name: "HelloWorld",
  // eslint-disable-next-line no-unused-vars
  render: function(h) {
    return (<h1>Hello World</h1>);
  }
};
</script>

或者你可以通过删除h来修复它

<script>
export default {
  name: "HelloWorld",
  render: function() { // <=== here
    return (<h1>Hello World</h1>);
  }
};
</script>