面试题：Solid.js中createEffect监听状态变化的基础应用

Question

在Solid.js中，假设你有一个简单的计数器状态变量count，使用createEffect监听count的变化，并在控制台打印每次count变化后的新值。请写出具体代码实现。

Answer 1

import { createSignal, createEffect } from 'solid-js';

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

  createEffect(() => {
    console.log('count的新值:', count());
  });

  return (
    <div>
      <p>Count: {count()}</p>
      <button onClick={() => setCount(count() + 1)}>Increment</button>
    </div>
  );
};

export default App;