在 Svelte 中,通常会分配从某些 props 或 state react 计算的变量,如下所示:
export let x: number
export let y: number
$: sum = x + y
当我的 react 比 x + y
复杂得多时,它的多行形式是什么样的?
最佳答案
我总是建议将稍微复杂(或更糟,显然)的操作放入其自身的函数中,然后使用您希望操作对其使用react的变量调用该函数。它将提高可读性和可重用性并阐明意图。
我也鼓励尽可能使这些函数成为纯函数(即没有副作用),但这并不总是可能的。
例如,与其拥有这样的东西:
$: {
...multi-line complex operation on x and y setting value z...
}
我会这样做:
function complexOperation(a, b) {
...multi-line complex operation on a and b setting value c...
return c
}
$: z = complexOperation(x, y)
我尽量将我所有的 react 性陈述都放在一行中,否则我会将它们移到它们自己的函数中,但我理解这是个人偏好。
关于svelte - 如何在 Svelte 中跨多行进行 react 性分配?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70321016/