我在使用这个小测试组件时遇到了麻烦，我遗漏了什么？这只是一个简单的小问题，似乎映射在哪里中断了。我不知道我是否错误地传递了值，或者是什么

import React from "react";

export default function App() {
  const [state, setState] = React.useState({
    input: "",
    items: [],
    error: false
  });

  const { input, items, error } = state;

  const changeState = (state) => {
    return setState(state);
  };

  if (input.length > 10) {
    React.useEffect(() => {
      changeState({ error: false });
    });
  }

  const handleUpdateInput = (e) => {
    if (e.key === "Enter") {
      changeState({ items: [e.target.value, ...items] });
      changeState({ input: "" });
    }
  };

  const removeItem = (item) => {
    changeState({ items: items.filter((i) => i !== item) });
  };

  return (
    <div>
      <input
        onChange={(e) => {
          changeState({ input: e.target.value });
        }}
        value={input}
        onKeyPress={handleUpdateInput}
      />
      {items.map((item, index) => {
        return (
          <div key={index}>
            {item} <span onClick={removeItem(item)}>X</span>
          </div>
        );
      })}
      {error && <div>Input is too long!</div>}
    </div>
  );
}