在简单的react应用程序中，受控组件(复选框)和RESTful模拟的问题？

import React, { useState } from 'react';

function CheckboxExample() {
  const [isChecked, setIsChecked] = useState(false);

  const handleCheckboxChange = (event) => {
    setIsChecked(event.target.checked);
  };

  return (
    <div>
      <label>
        <input
          type="checkbox"
          checked={isChecked}
          onChange={handleCheckboxChange}
        />
        Checkbox
      </label>
    </div>
  );
}

export default CheckboxExample;

# 安装json-server
npm install -g json-server

# 创建一个mock数据文件，例如db.json
{
  "todos": [
    { "id": 1, "text": "Todo 1", "completed": false },
    { "id": 2, "text": "Todo 2", "completed": true }
  ]
}

# 启动json-server，监听在本地的3000端口
json-server --watch db.json --port 3000

import React, { useState, useEffect } from 'react';

function TodoList() {
  const [todos, setTodos] = useState([]);

  useEffect(() => {
    fetch('http://localhost:3000/todos')
      .then(response => response.json())
      .then(data => setTodos(data));
  }, []);

  return (
    <ul>
      {todos.map(todo => (
        <li key={todo.id}>{todo.text}</li>
      ))}
    </ul>
  );
}

export default TodoList;