data.map()in not関数エラー解決方法

14104 ワード
2021.05 テキストリンク
アプリケーション開発中のデータ.map()in not関数はこのエラーを見た.
最終的なデータは配列形式ではないからですか?地図が働かないだけです.
エラーのポイント・イン・タイム・コード
 const [faceColor, setFaceColor] = useState();

let faceConfig = {
    method: "get",
    url:
      "http://everyweardev-env.eba-azpdvh2m.ap-northeast-2.elasticbeanstalk.com/api/v1/user/skinType/",
    headers: {},
  };
  const colorGetData = async () => {
    try {
      axios(faceConfig).then(function (res) {
        let skin = [];
        res.data.data.map((u) => {
          switch (u.skinType) {
            case "normal":
              skin.push({ skinType: "중간톤", code: u.code });
              break;
            case "bright":
              skin.push({ skinType: "밝은톤", code: u.code });
              break;
            case "semiBright":
              skin.push({ skinType: "약간 밝은톤", code: u.code });
              break;
            case "semiDark":
              skin.push({ skinType: "약간 진한톤", code: u.code });
              break;
            case "dark":
              skin.push({ skinType: "진한톤", code: u.code });
              break;
          }
        });
        setFaceColor(skin);
      });
    } catch (err) {
      console.log(err);
    }
  };
(...)
 
 <ScrollView horizontal={true} showsHorizontalScrollIndicator={true}>
          {faceColor.map((data) => (
            <>
              <TouchableHighlight style={styles.facecontainer}>
                <>
                  <SvgCssUri
                    uri={data.imgUrl}
                    width="60%"
                    height="30%"
                    marginTop="20%"
                    key={data.key}
                  />
                  <Text style={styles.skintext}>{data.faceType}</Text>
                </>
              </TouchableHighlight>
            </>
          ))}
        </ScrollView>
ここでfaceColorという変数はデフォルト配列としてuserState()を指定していません.なぜなら、データを受信してデータを入れる過程でskinという変数の配列に設定するので、usState()を配列に設定する必要はありません.
しかし、私の考えではなく理論に従うべきだと思います.
解決コード
 const [faceColor, setFaceColor] = useState([]);
臍帯血溢れに問題を残した結果...
最終的には、usState([])のような配列を使用してデフォルト値を指定する必要があります.
これは私が想像していたよりも単純な間違いだと思いますが、このような状況では、なぜこの間違いを解決する方法がなかったのか思い出します.
Redis BitMapまとめ
react-ローカルクリア-2 ScrollView,TextInput