小编Sco*_*ott的帖子

嗨，有人能告诉我为什么我得到 list.map 不是函数错误吗？我很确定我的 React 代码列出了一个数组，但我是一个初学者，所以我可能忽略了一些东西

import React, { useState, useEffect } from "react";
import Task from "./Task";

function Home() {  
  const [text, setText] = useState("");
  const [task, setTask] = useState("");
  const [list, setList] = useState([]);

  useEffect(() => {
    setList(list.push(task));
  }, [task]);

  const addTask = (e) => {
    e.preventDefault();
    setTask(text);
    setText("");
  };

  const updateText = (e) => {
    setText(e.target.value);
  };

  return (
    <div className="Home">
      <h3>Home Page</h3>
      <form onSubmit={addTask}>
        <input type="text" value={text} onChange={updateText} />
        <button type="submit">Add</button>
      </form>
      <div className="listoftasks">
        {list.map((t) => ( …

我有一个 React 组件，它返回一个带有按钮的表单。当我单击按钮时，我希望在同一页面上显示另一个不同的表单。我怎么做？单击按钮时如何返回下一个表单？下面只是给出主要思想的一个例子

function Example() {
  return (
    <div>
      <form>
        <button onclick={showForm}></button>
      </form>
    </div>
  )
}