在循环渲染的 Job 列表中，用户针对特定 Job 发表评论时，需要将该 Job 的 `id` 传递到 Payload 中，以便将评论正确关联到对应的 Job。以下将提供修改后的代码示例，并解释如何获取 `item` 对象，从而访问 `item.id` 并将其添加到 Payload 中。**修改 Form 组件的 onSubmit 事件**首先，需要修改 `根据你的后端 API 设计，修改 Payload 中 jobId 的键名。在 handleSubmit 函数中，添加将 Payload 发送到后端 API 的代码，以保存评论。
完整代码示例
import React, { useState } from 'react';import { Form, InputGroup, Image } from 'react-bootstrap';import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';import { faPaperPlane } from '@fortawesome/free-solid-svg-icons';const JobCommentForm = ({ item, currentUser, asset, time }) => { const [textareaValue, setTextareaValue] = useState(''); const handleTextareaChange = (e) => { setTextareaValue(e.target.value); }; const handleSubmit = (e, item) => { e.preventDefault(); const payload = { jobId: item.id, comment: textareaValue, user: currentUser.id, }; console.log(payload); // 在这里添加发送 Payload 到后端的代码 }; return ( handleSubmit(e, item)} type="submit"> handleSubmit(e, item)} // 确保点击事件也传递 item > );};export default JobCommentForm;
总结
通过将 item 对象传递给 handleSubmit 函数，可以方便地获取到当前 Job 的 id，并将其添加到 Payload 中。确保在循环中正确传递 item 对象，并根据你的后端 API 设计修改 Payload 的结构。最后，添加发送 Payload 到后端 API 的代码，以保存评论。
以上就是如何在循环中传递 job.id 到 Payload 以存储评论的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1517417.html
微信扫一扫 
支付宝扫一扫 
