如何解决React onSubmit将不会提交textarea值
我是React的新手,无法弄清楚我的submitForm
函数为什么不起作用。我正在通过附近的餐厅进行地图绘制,并返回5个以上带有文本区域的地点,以便用户发表评论。最初,在我的handleChange
函数下,我仅将值设置为e.target.value.
,这使得在一个文本区域中键入的内容出现在所有文本区域中。因此,如下文所示,我使用handleChange
道具重写了name
中的代码。这解决了textarea的“全局”作用的价值问题,但是现在当我单击“提交”时,什么也没发生。
function RestaurantList({
nearbyRestaurants,userReview,setUserReview,setQuery
}) {
function handleChange(e) {
const { name,value } = e.target;
setUserReview({ ...userReview,[name]: value });
}
function submitForm(e) {
e.preventDefault();
setQuery(userReview);
setUserReview("");
}
return (
<div>
<ul>
{nearbyRestaurants.map((place) => (
<div>
<li>
<div>{place.name}</div>
<form onSubmit={submitForm}>
<input
type="text-area"
placeholder="Leave a review..."
value={userReview.userReview}
name={place.name}
onChange={handleChange}
/>
<button className="submit-button" type="submit">
submit
</button>
</form>
</li>
</div>
))}
</ul>
</div>
);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。