为什么在React useReducer simple Todo应用程序中我得到“一个组件正在将未定义类型的非受控输入更改为受控..”？[副本]

Question

组件正在将未定义类型的非受控输入更改为受控输入。输入元件不应从非受控切换到受控（反之亦然）。决定在组件的使用寿命内使用受控或非受控输入元件

function reducer(state, action) {
  switch (action.type) {
    case "add":
      return {
        todos: [...state.todos, { text: action.text, completed: false }]
      };
    case "toggle":
      return {
        todos: state.todos.map((t, idx) =>
          idx === action.idx ? { ...t, completed: !t.completed } : t
        )
      };
    default:
      return state;

const App = () => {
  const [{ todos, todoCount }, dispatch] = useReducer(reducer, {
    todos: []
  });
  const [text, setText] = useState();

  return (
   <div>
     {todos.map((t, idx) => (
        <div
          key={t.text}
          onClick={() => dispatch({ type: "toggle", idx })}
      }
        >
          {t.text}
        </div>
   <div>
)

Answer 1

换行-

const [text, setText] = useState();

到-

const [text, setText] = useState("");

那么它应该会起作用。

有关正确的说明，请参阅此链接。