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

Question

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

我已经尝试通过 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;

Answer 1

我已经尝试通过 props.size 数据进行映射，所以我可以这样填充它，但我收到一个错误，说 map 不是函数。

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

1. 名称拼写错误或大小写错误
2. 您调用函数的对象不是您所期望的（即类型错误）

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