使用功能组件,我需要用字符串形式的onSubmit数据填充一个array.handleSubmit
应该存储字符串数据,但当我使用console.log(value)
时,它返回一个空array.
我不知道如何从表单访问用户输入,以便将其存储到数组中.我原以为setValue([value])
可以实现这一点,但很明显我的代码有些地方不对劲.
当单击提交按钮时,read2List
应该从value
中获取数据并将其存储到一个数组中.我很感激大家的pip !谢谢您抽时间见我!
function App () {
const [value, setValue] = useState("");
const [entrylist, setEntry] = useState([]);
const handleSubmit = (event) => {
event.preventDefault();
setValue([value])
console.log(value)
}
const read2List = () => {
const updatedList = [...entrylist];
updatedList.push(value);
setEntry(updatedList);
console.log(updatedList);
}
return (
<div>
<div> Insert Entry </div>
<form class="entryForm" onSubmit={handleSubmit} >
<label for="newEntryId">
<span>New Entry:</span>
<textarea type="text" id="newEntryId" name="newEntryName" rows="30" cols="75" defaultValue = {"What's on your mind?"}
/>
</label>
<button type="submit" onClick={read2List}>Submit</button>
</form>
</div>
)
}