Javascript 如何解决“react spinners unique”；“关键”；道具警告？

我正在使用react微调器，我添加了一个简单的加载器

BeatLoader

，正如doc所说，但我得到了

唯一的“key”prop

警告，我知道它没有影响我的应用程序，但它必须解决

import React from "react";
import BeatLoader from "react-spinners/BeatLoader";

const SelectBoxLoader = Props => {
    return (
        <div className="sweet-loading">
            <BeatLoader
                size={15}
                margin={2}
                color={"#62842C"}
                loading={Props.loading}
            />
        </div>
    );
};

export default SelectBoxLoader;

---

链接，您可以共享实际的完整警告，包括任何stacktrace吗？这是您的代码中的问题还是BeatLoader中的某个问题？我在报告中没有看到任何迹象表明存在任何关键问题。您是否在某处将数组映射到JSX？更新我的问题，请检查这个开放问题：它与

脉冲加载程序

有关，但本质上是相同的警告和问题。FWIW在生产构建中似乎不是问题，即警告仅在本地开发构建中生成。

Warning: Each child in a list should have a unique "key" prop. See https://reactjs.org/link/warning-keys for more information.
    at span
    at EmotionCssPropInternal
    at Loader (http://localhost:8088/_next/static/chunks/pages/ship-for-me.js?ts=1618980005007:101089:47)
    at div
    at SelectBoxLoader (http://localhost:8088/_next/static/chunks/pages/ship-for-me.js?ts=1618980005007:114691:22)
    at form
    at div
    at div
    at div
    at div
    at div
    at ShipForMe (http://localhost:8088/_next/static/chunks/pages/ship-for-me.js?ts=1618980005007:114892:78)
    at div
    at div
    at ShipForMePage
    at div
    at div
    at SiteLayout (http://localhost:8088/_next/static/chunks/pages/_app.js?ts=1618980005007:77713:23)
    at CartProvider (http://localhost:8088/_next/static/chunks/pages/_app.js?ts=1618980005007:80873:77)
    at ProductsProvider (http://localhost:8088/_next/static/chunks/pages/_app.js?ts=1618980005007:81522:73)
    at SettingsProvider (http://localhost:8088/_next/static/chunks/pages/_app.js?ts=1618980005007:81667:73)
    at AuthProvider (http://localhost:8088/_next/static/chunks/pages/_app.js?ts=1618980005007:80677:73)
    at MoveOnApp (http://localhost:8088/_next/static/chunks/pages/_app.js?ts=1618980005007:81967:24)
    at ErrorBoundary (http://localhost:8088/_next/static/chunks/main.js?ts=1618980005007:146:47)
    at ReactDevOverlay (http://localhost:8088/_next/static/chunks/main.js?ts=1618980005007:250:23)
    at Container (http://localhost:8088/_next/static/chunks/main.js?ts=1618980005007:12274:5)
    at AppContainer (http://localhost:8088/_next/static/chunks/main.js?ts=1618980005007:12751:24)
    at Root (http://localhost:8088/_next/static/chunks/main.js?ts=1618980005007:12867:25)