Используйте зарезервированное слово в качестве имени реквизита - PullRequest
Новая
       5

Используйте зарезервированное слово в качестве имени реквизита

1 голос
/ 02 мая 2019

Я хотел бы использовать class в качестве имени для моего компонента, но я получаю следующую ошибку:

Неожиданное ключевое слово "класс". 

<script>
  export let class = '';
</script>

<style>
  .foo {
    color: red;
  }
</style>

<div class="{class}">
  <slot />
</div>

Можно ли использовать зарезервированное слово в качестве имени пропеллера в Svelte?

1 Ответ

3 голосов
/ 02 мая 2019

Называя реквизит чем-то, что не является зарезервированным словом, а затем экспортируя его как зарезервированное слово, оно работает как положено.

РЕПЛ 

<!-- App.svelte -->
<script>
  import Child from './Child.svelte';
</script>

<Child class="foo">Bar</Child>

<!-- Child.svelte -->
<script>
  let classProp = '';

  export { classProp as class };
</script>

<style>
  .foo {
    color: red;
  }
</style>

<div class="{classProp}">
  <slot />
</div>
...