面试题：Solid.js中createSignal基础用法相关

Question

在Solid.js里，使用createSignal创建一个计数器。要求初始值为0，实现增加计数器值的函数 `increment` 和减少计数器值的函数 `decrement`，并说明createSignal返回值的两个部分分别是什么以及用途。

Answer 1

1. 创建计数器及增减函数：

import { createSignal } from 'solid-js';

const [count, setCount] = createSignal(0);

const increment = () => setCount(count() + 1);
const decrement = () => setCount(count() - 1);

2. createSignal返回值说明：
   • createSignal返回一个数组，包含两个部分。
   • 第一部分是当前状态值的读取函数（如上面代码中的count）。通过调用这个函数（count()）可以获取当前信号的值。
   • 第二部分是状态更新函数（如上面代码中的setCount）。调用这个函数并传入新的值，就可以更新信号的值，从而触发依赖该信号的组件重新渲染。