Question

我想在return语句中使用warningItem，以便将一些数据映射到react组件中。

我想循环area，但语法有问题。

createWarnings = warningsRawData => {
    return warningsRawData.map(warningItem => {
        return (
            <div>
                <p className={styles.warningMainText} />
                <p>warningItem.area[0]</p>
            </div>
        );
    });
};

Answer 1

看起来你错过了它周围的括号。尝试：

createWarnings = warningsRawData => {
    return warningsRawData.map( (warningItem, i) => {
        return (
            <div key={i}>
                <p className={styles.warningMainText} />
                <p>{warningItem.area[0]}</p>
            </div>
        );
    });
};

Answer 2

无论何时循环返回elememnt in react，都必须添加key属性。否则，您将收到警告。并添加{warningItem.area[0]}

createWarnings = warningsRawData => {
   let values  =  warningsRawData.map((warningItem,index) => {
        return (
            <div key={index}>
                <p className={styles.warningMainText} />
                <p>{warningItem.area[0]}</p>
            </div>
        );
    });
    return values
}

如何在react .map语句中返回数据？

2 个答案: