面试题：Solid.js中响应式数据如何进行双向绑定

Question

在Solid.js项目里，若有一个输入框，需要将其输入值与一个响应式数据双向绑定，以便输入框内容变化时响应式数据更新，同时响应式数据变化时输入框内容也随之更新，请描述实现思路及关键代码。

Answer 1

实现思路

1. 在Solid.js中，使用createSignal创建一个响应式数据来存储输入框的值。
2. 通过onInput事件监听输入框内容的变化，并更新响应式数据。
3. 将响应式数据的值绑定到输入框的value属性上，以实现双向绑定。

关键代码

import { createSignal } from 'solid-js';

function InputComponent() {
  const [inputValue, setInputValue] = createSignal('');

  const handleInput = (e) => {
    setInputValue(e.target.value);
  };

  return (
    <input
      type="text"
      value={inputValue()}
      onInput={handleInput}
    />
  );
}

export default InputComponent;