小编Sas*_*san的帖子

我正在制作一个简单的 ShoppinList。我有两个组件，Form.js并且List.j. 如何显示存储在数组中的List.js项目？我不想写在 中，但会将逻辑保留在其自己的组件中。listForm.jsuseStateApp.js

应用程序.js：

//Imporing Components\nimport Form from "./Components/Form";\nimport List from "./Components/List";\n\nfunction App() {\n  return (\n      <div className="App">\n          <header>\n              <h1>Shopping List</h1>\n          </header>\n          <Form/>\n          <List/>\n      </div>\n  )\n}\n

表单.js：

/*Create a Component*/\nconst Form = () => {\n\n    const [inputText,setInputText] = useState("")\n    const [list,setList] = useState([])\n\n    const submitBtn = (e) =>{\n         e.preventDefault()  /*kein refresh t\xc3\xa4tigen*/\n        setList([\n            ...list,{inputText}\n        ])\n    }\n\n    /*Funktion*/\n    /*const inputTextHandler =  (e) => {\n        setInputText(e.target.value)\n    }*/\n\n …