Javascript 我想用json数据填充单选按钮输入

我有我想用来填充单选按钮的数据，但是有些数据长度比其他的长，如果长度只有一个，我不想要空按钮。我可能想得太多了，但我很差劲

我尝试过通过props.size数据进行映射，这样我就可以用这种方式填充它，但是我得到一个错误，说map不是一个函数

这是我的按钮文件：

import React from "react";

const EyewearPurchaseBtn = (props) => (
    <div>
        <form className="eyewear-purchase-form">
            <h3>Select Size</h3>
                <div>
                    <input className="radio-btn" type="radio" checked="checked"/>
                    <label className="eyewear-purchase-label">{props.sizes}</label><br/>

                    <input className="radio-btn" type="radio" />
                    <label className="eyewear-purchase-label">Two</label><br/>

                    <input className="radio-btn" type="radio" />
                    <label className="eyewear-purchase-label">Three</label><br/>

                    <input className="radio-btn" type="radio" />
                    <label className="eyewear-purchase-label">Four</label>


                <button onClick={props.handlePurchaseEvent} className="buy-now">Buy Now</button>
            </div>
        </form>
    </div>
);

export default EyewearPurchaseBtn;

从“React”导入React；
const EyewearPurchaseBtn=（道具）=>(
选择大小
{props.size}

两个

三个

四
立即购买
);
导出默认的EyewearPurchaseBtn；

我尝试过通过props.size数据进行映射，这样我就可以用这种方式填充它，但是我得到一个错误，说map不是一个函数

此错误表示您试图在没有可用函数的对象上调用函数（在本例中为

map

）。这通常是出于以下两个原因之一：

您拼错了名称或大写字母有误

调用函数的对象不是您期望的对象（即类型错误）

---

在本例中，几乎可以肯定的是后者：您调用的

map

上的任何数据都不是数组。可能是

null

或

未定义

，或者是不同类型的对象。您尚未共享该代码，因此无法确定。

我实际上已经知道了！我的初始状态是

未定义

，当我试图按索引提取时，我得到了一个错误。我将未定义的

更改为空数组。谢谢你的帮助，我只检查了你提到的
未定义的原因
！