反应：无法在对象中呈现值

Question

我有一个定义如下的组件。 creativeList包含我有兴趣显示的值。它包含以下内容：

creativeList = [{keyID: "AC072", cost: 1461, people: 520, cpp: "2.81"}, 
{keyID: "AC098", cost: 1600, people: 470, cpp: "3.4"}]

我希望能够通过将其返回到我的组件中来显示keyID。我可以通过登录到控制台来获取值，但是，我无法将其返回。有人可以帮我吗？

function DisplayList(props) {
    const creativeList = props.creativeList

    function ret(){
        creativeList.forEach(function(item){
            const i = item[0]

            console.log(i.keyID)

            return (
                <li>{i.keyID}</li>
            );
        })
    }

    return (
        <div>
            <li>List:</li>
            {ret()}
        </div>
    );
}

export default DisplayList;

Answer 1

使用JS映射功能代替forEach。