我正在使用 React 并構建了一個電子郵件表單。我目前有這個類：<div className="msg">Message has been sent</div>但只希望它在訊息成功發送時出現。因此，僅當以下內容決議為狀態時：true。如何僅使用 React/CSS 來定位它？
.post('/api/email', values)
.then((res) => {
console.log("Server responded")
setValues({
name: "",
email: "",
message: "",
status: true
})
.catch(err => {
console.log(err);
window.alert("Email not sent")
});```
uj5u.com熱心網友回復：
如果您的狀態變數名為狀態，那么
<div className="msg" style={{display: status ? "block" : "none"}}>Message has been sent</div>
而已。
我建議您應該添加以下代碼。
.catch(err => {
setValues({
name: "",
email: "",
message: "",
status: false
})
console.log(err);
window.alert("Email not sent")
});```
uj5u.com熱心網友回復：
將 div 包裹在大括號之間，并添加一個condition &&應該做的作業：
{values.status && <div className="msg">Message has been sent</div>}
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/416313.html
標籤：