首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在React中映射对象数组

如何在React中映射对象数组
EN

Stack Overflow用户
提问于 2016-12-08 05:26:40
回答 6查看 204.7K关注 0票数 28

我有一个对象数组。我想映射这个对象数组。我知道如何映射数组,但不知道如何映射对象数组。以下是我到目前为止所做的工作:

我要映射的对象数组:

代码语言:javascript
运行
复制
const theData = [
    {
        name: 'Sam',
        email: 'somewhere@gmail.com'
    },

    {
        name: 'Ash',
        email: 'something@gmail.com'
    }
]

我的组件:

代码语言:javascript
运行
复制
class ContactData extends Component {
    render() {
        //works for array
        const renData = this.props.dataA.map((data, idx) => {
            return {data}
        });

        //doesn't work for array of objects
        const renObjData = this.props.data.map(function(data, idx) {
            return {data}
        });

        return (
            
                //works
                {rennData}
                object
                //doesn't work
                {renObjData}
            
        )
    }
}


ContactData.PropTypes = {
    data: PropTypes.arrayOf(
        PropTypes.obj
    ),
    dataA: PropTypes.array
}

ContactData.defaultProps = {
    data: theData,
    dataA: dataArray
}

我错过了什么?

EN

Stack Overflow用户

发布于 2016-12-08 05:50:56

尝试以下代码片段

代码语言:javascript
运行
复制
const renObjData = this.props.data.map(function(data, idx) {
    return {$.map(data,(val,ind) => {
        return ({val});
    }
    };
});
票数 -2
EN
查看全部 6 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41027663

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档