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

我有要用于填充单选按钮的数据，但是某些数据长度比其他数据长，并且如果长度只有一个，则不希望空按钮。我可能想得太多，但我很烂。

我已经尝试通过props.size数据进行映射，因此可以以这种方式进行填充，但是却收到一条错误消息，指出map不是函数。

这是我的Button文件：

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;

最佳答案

我已经尝试通过props.size数据进行映射，因此可以以这种方式进行填充，但是却收到一条错误消息，指出map不是函数。


此错误表示您尝试在没有可用功能的对象上调用该功能（在本例中为map）。这通常是由于以下两个原因之一：


您拼写错误名称或大写错误
您正在调用该函数的对象不是您期望的（即类型错误）


在这种情况下，几乎可以肯定是后者：调用map的任何数据都不是数组。可能是null或undefined，或者它是另一种对象。您尚未共享该代码，因此无法说。