Узнайте, как передавать аргументы событиям в Svelte всего за 4 шага
coding web-development javascript coding-skills tutorial learn-to-code svelte arguments-to-events-in-svelte

Узнайте, как передавать аргументы событиям в Svelte всего за 4 шага

16 мая 2022 г.

События Svelte — это способ добавления интерактивности компонентам в Svelte. Распространенной проблемой с событиями Svelte является добавление аргументов к вызываемым в них функциям.


Например, предположим, что у нас есть простой счетчик, который увеличивается каждый раз, когда пользователь нажимает на него:


```javascript


<скрипт>


// мы пишем экспорт, чтобы сказать, что это свойство


// это означает, что мы можем изменить его позже!


пусть х = 0;


константа addToCounter = функция () {


++х;




Это прекрасно работает, но предположим, что мы хотим изменить его, чтобы мы увеличивали счетчик на определенную величину всякий раз, когда на него нажимают. Мы могли бы попробовать изменить код на что-то вроде этого:


```javascript


<скрипт>


// мы пишем экспорт, чтобы сказать, что это свойство


// это означает, что мы можем изменить его позже!


пусть х = 0;


const addToCounter = функция (количество) {


х += сумма;




Но это не сработает — вместо этого нам нужно изменить наше событие, чтобы оно содержало функцию.


Чтобы добавить аргументы в нашу функцию addToCounter, мы должны сделать что-то вроде этого:


```javascript



Здесь мы вызываем функцию, которая возвращает значение, созданное addToCounter. Это также работает для событий, поэтому, если вы хотите передать событие или объект e в свою функцию, вы можете сделать что-то вроде этого:


```javascript



Также опубликовано [Здесь] (https://fjolt.com/article/svelte-pass-parameters-to-events)


Оригинал

Recent Post

Categories

PREVIOUS ARTICLE
NEXT ARTICLE