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 не определено

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>