面试题：Solid.js中如何实现响应式状态的基本绑定

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Solid.js Counter</title>
    <script type="module">
        import { createSignal } from 'solid-js';

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

        const increment = () => {
            setCount(count() + 1);
        };
    </script>
</head>
<body>
    <div>
        <p>Count: <span id="count-display" data-solid-ignore>{count()}</span></p>
        <button data-solid-ignore @click={increment}>Increment</button>
    </div>
    <script type="module" src="https://unpkg.com/solid-js@latest/dist/solid.min.js"></script>
    <script type="module">
        import { render } from'solid-js';
        render(() => {
            return (
                <div>
                    <p>Count: {count()}</p>
                    <button @click={increment}>Increment</button>
                </div>
            );
        }, document.body);
    </script>
</body>
</html>

星途面试题库

面试题：Solid.js中如何实现响应式状态的基本绑定

知识考点

面试题答案