反應表格行不改變顏色。 樣式被傳入，但返回為未定義

Question

Green Dev here：我正在嘗試有條件地更改反應表中的行顏色，並傳入樣式但返回未定義。 當我刪除我的邏輯並簡單地設置 backgroundColor: "red" 時，它通過了。 但是，應用程序中的背景顏色實際上並沒有改變。

 <Table columns={columnData} data={[...data]} divided getRowProps={(row) => ({ style: { backgroundColor: rowColors[row.values.approval.ad?.status], }, })} />```

我不明白為什么背景顏色不會改變。 一旦可以，我可以嘗試再次設置 backgroundColor: "red" 並查看它是否會改變顏色。 如果它有效，那么我知道我的邏輯是問題並且可以從那里開始。

這是控制台輸出：控制台輸出

有什么想法嗎？

Answer 1

由於您的代碼沒有拋出訪問row.values.approval.ad?.status的異常，我們知道row 、 values和approval是對象而不是未定義的。 這會使ad或status未定義。 考慮到您使用了ad?. 您希望廣告至少有時未定義的語法。

將console.log(row.values.approval)或簡單的console.log(row)到渲染函數並檢查缺少哪些值。 您的問題很可能在其他地方。

如果您認為錯誤確實在您顯示的剪輯中，請嘗試指定一個恆定顏色，如下所示： backgroundColor: "red" 。 如果該行是紅色的，您就知道錯誤與我首先建議的有關。