Size: a a a

2020 November 09

AP

Alexander Ponomarev in Svelte [svelt]
Andrii Haidulian
Можно задать глупый вопрос? У меня есть App.js где кнопкой "Вниз" увеличиваю значение переменной. Ее передаю в компонент. Она передается только один раз, а после этого уже не меняется в компоненте. Как сделать, чтобы переменная в компоненте следила за изменением переменной в родителе?
нужен репл, она должна следить и так
источник

К

Константин in Svelte [svelt]
Andrii Haidulian
Можно задать глупый вопрос? У меня есть App.js где кнопкой "Вниз" увеличиваю значение переменной. Ее передаю в компонент. Она передается только один раз, а после этого уже не меняется в компоненте. Как сделать, чтобы переменная в компоненте следила за изменением переменной в родителе?
сделай блок $: { в котором свяжи эти переменные, если они разные }
источник

К

Константин in Svelte [svelt]
Andrii Haidulian
Можно задать глупый вопрос? У меня есть App.js где кнопкой "Вниз" увеличиваю значение переменной. Ее передаю в компонент. Она передается только один раз, а после этого уже не меняется в компоненте. Как сделать, чтобы переменная в компоненте следила за изменением переменной в родителе?
источник

VF

Vitaliy Fain in Svelte [svelt]
через $: передает нормально
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Dan Kozlov
https://svelte.dev/repl/4e78e33b80fe42ad81a7d59f26900fdf?version=3.29.4

Я вот так делаю обычно.
У меня 2-3 места в проекте, где использую. Конкретный пример: есть список карточек, по клику карточка раскрывается в форму редактирования. Надо обеспечить, чтобы только одна карточка была раскрыта в форму. Можно, конечно, утащить стейт в родителя, но мне нравится модульный контекст тем, что связанную с компонентом логику можно держать в компоненте.
+ норм решение, когда стор глобальный только в контексте всех инстансов компонента
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Vitaliy Fain
setContext же статический
его можно сделать реактивным, положив туда реактивный стор)
источник

VF

Vitaliy Fain in Svelte [svelt]
а не знал спс
источник

VF

Vitaliy Fain in Svelte [svelt]
только есть ли в этом смысл?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
ребят, вопрос навскидку. Если стор передать пропсом в другие компоненты, в них будет работать сахар с $store.x = ?
можно передать значение стора, а можно и сам стор. в первом случае по-сути обычный пропс и будет обновляться при изменении стора, второй случай если нужно еще и значение стора менять из компонента. с другой стороны менять значение можно и через 2way биндинг:

<Nested bind:foo={$foo} />
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Vitaliy Fain
только есть ли в этом смысл?
конечно
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
суть контекста в ограничении действия по поддерево компонентов + по-сути это аналог DI
источник

VF

Vitaliy Fain in Svelte [svelt]
👍
источник

К

Константин in Svelte [svelt]
Pavel 🦇 Malyshev
можно передать значение стора, а можно и сам стор. в первом случае по-сути обычный пропс и будет обновляться при изменении стора, второй случай если нужно еще и значение стора менять из компонента. с другой стороны менять значение можно и через 2way биндинг:

<Nested bind:foo={$foo} />
Спасибо большое, Паш ) я только про сахар. Остальное понятно, но ты мне подал еще одну идею )) за это тоже спасибо ))
источник

К

Константин in Svelte [svelt]
блин, жалко в парамсах стандартных транзишнов нельзя использовать единицы измерения типа rem, vw, vh
источник

К

Константин in Svelte [svelt]
на досуге сделаю proposal. Нужная штука, считаю
источник

AH

Andrii Haidulian in Svelte [svelt]
Alexander Ponomarev
нужен репл, она должна следить и так
В repl работает как часы. У меня нет. Буду рыть. Спасибо.
источник

NU

Nikita Utmancev in Svelte [svelt]
Andrii Haidulian
В repl работает как часы. У меня нет. Буду рыть. Спасибо.
Версию светла проверь на всякий
источник

NU

Nikita Utmancev in Svelte [svelt]
В репле и проекте
источник

AH

Andrii Haidulian in Svelte [svelt]
Nikita Utmancev
В репле и проекте
Нашел уже. Я смотрел в консоли. А  так не работает
источник

MZ

Misha Zamkevich in Svelte [svelt]
Dan Kozlov
https://svelte.dev/repl/4e78e33b80fe42ad81a7d59f26900fdf?version=3.29.4

Я вот так делаю обычно.
У меня 2-3 места в проекте, где использую. Конкретный пример: есть список карточек, по клику карточка раскрывается в форму редактирования. Надо обеспечить, чтобы только одна карточка была раскрыта в форму. Можно, конечно, утащить стейт в родителя, но мне нравится модульный контекст тем, что связанную с компонентом логику можно держать в компоненте.
Я имел ввиду id как селектор, а не как id внутри логики.

И всё равно эту задачу можно решить без id

https://svelte.dev/repl/a51bb73e88fe495c947d161db4f55788?version=3.29.4
источник