【问题标题】:Trying to perform an update on reviews but i get no response试图对评论进行更新,但我没有得到回应
【发布时间】:2022-12-09 20:46:36
【问题描述】:

我正在尝试更新评论然后将其发送到我的数据库,但我在控制台中没有收到任何响应或错误,删除工作正常并在数据库上删除。

''' 从“反应”中导入反应,{useState,useEffect} 从“axios”导入 axios

功能渲染审查(){ const [renderReview, setRenderReview] = useState([])

useEffect(() => {
    axios.get('/reviews')
        .then(res => {
            console.log(res)
            setRenderReview(res.data)
        })
        .catch(err => {
            console.log(err)
        })
}, [])

function handleDelete(id) {
    axios.delete(`/reviews/${id}`,)
}
function handleSubmit(id){
    axios.update(`/reviews/${id}`,)
}

return (
    <div className='card1'>
        <h2>reviews</h2>
        {renderReview.map((renderReview) => {
            return (
                <div className='renderedreviews'>{renderReview.review}
                    <button
                        onClick={() => {
                            handleDelete(renderReview.id);
                        }}
                        key={renderReview.review}>
                        Delete
                    </button>


                    <form className='reviews' onSubmit={(e) => handleSubmit(e)}>
                        <input onChange={(e)=>handleSubmit(e)} id="review" defaultvalue={renderReview.review} placeholder="edit" type="text"></input>
                        
                        <button onClick={() =>{
                            handleSubmit(renderReview.id);
                        }}
                        key ={renderReview.review}
                        >edit review</button>
                    </form>
                </div>
            )
        })}
    </div>
)

}

导出默认 Renderreview

'''

【问题讨论】:

    标签: reactjs crud


    【解决方案1】:

    也许您打算使用 axios.put 而不是 axios.update,因为 PUT 是通常用于发送更新请求的方法

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-07-20
      • 1970-01-01
      • 2021-09-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-21
      相关资源
      最近更新 更多