React Native 條件映射返回

Question

我有一個數組splitByDay ：

Array [
  Object {
    "Day": "Sunday",
    "data": "Upper",
  },
  Object {
    "Day": "Monday",
    "data": "Lower",
  },
]

和一個功能：

const getDay = (it) => {

          splitByDay.map((x, i) => {
            let day = x["Day"];
              if (day === it){

              return x["data"]
              } else { return "Rest" }
            
          })
      }

在FlatList中，我傳入it是當天。

如果日期對齊，我的目標是返回相應的data 。 這是它的名稱：

 <Text style={[tailwind(`text-gray-300 font-[400px] text-[11px]`), {color: item === currentDay ? colors.purple : 'white'}]}>{getDay(item)}</Text>

Answer 1

問題是您嘗試在 map 函數中一次過濾和映射數據。 你應該把它分開，首先過濾數據，然后映射你想要的數據。

例如這段代碼：

  const getDay = (it) => {
    return splitByDay.filter((x)=> x["Day"] === it).map((x) => x["Data"])[0]
  }