嘿伙計們，我無法理解如何在 React 中創建 IF else 和陳述句。我在網上找到的所有檔案、視頻和問題都只顯示了其中一個的方法，要么是 IF else 要么是 &&
基本上我試圖在 JSX 中創建的 IF 陳述句看起來像這樣。
If(data.AP == "1" && data.MP == "1")
{
set.Text("Both")
}
else if(data.AP == "0" && data.MP == "1")
{
set.Text("Manager")
}
else if(Data.AP == "1" && data.MP == "0")
{
set.Text("Payroll")
}
else{
setText("Not Approved)
}
Java 中一個相當簡單的 IF 陳述句，但我似乎找不到將其轉換為 JSX 的方法。到目前為止，這是我所獲得的最遠距離，每當我根據我正在閱讀的檔案進行更改和更改時，它都會不斷給我錯誤。我知道怎么用？？三元運算子和 && 運算子，但一起使用它們似乎對我不起作用。
return (
{
data.MP == "1" && data.AP == "1" && (
<td colSpan="1">{"Both"}</td> ) : null
}
)
uj5u.com熱心網友回復：
如果需要，您可以連接盡可能多的 if else：
data.AP == "1" && data.MP == "1" ? FIRST THEN HERE :
data.AP == "0" && data.MP == "1" ? SECOND THEN HERE :
data.AP == "1" && data.MP == "0" ? THIRD THEN HERE :
ELSE THEN HERE
用所需的運算式替換文本
uj5u.com熱心網友回復：
我建議你這樣做：
let text;
if (data.AP == "1" && data.MP == "1") {
text = "Both";
} else if (data.AP == "0" && data.MP == "1") {
text = "Manager";
} else if (data.AP == "1" && data.MP == "0") {
text = "Payroll";
} else {
text = "Not Approved";
}
// ...then when you want to display it:
{text}
...因為這很容易閱讀和除錯。
但是如果你真的想把它嵌入到 中{...}，你可以使用一系列嵌套的條件運算子：
{
data.AP == "1" && data.MP == "1"
? "Both"
: data.AP == "0" && data.MP == "1"
? "Manager"
: data.AP == "1" && data.MP == "0"
? "Payroll"
: "Not Approved"
}
盡管您可以使其具有相當的可讀性（盡管不是很容易除錯）：
{
data.AP == "1" && data.MP == "1" ? "Both"
: data.AP == "0" && data.MP == "1" ? "Manager"
: data.AP == "1" && data.MP == "0" ? "Payroll"
: "Not Approved"
}
如果您使用自動代碼格式化程式，它可能會重新格式化它。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/415569.html
標籤：
上一篇：在gatsby中重新渲染組件