对象键错误 key.join 不是函数

Question

这段代码有什么问题？我正在努力制作

詹姆斯，3245234545，james@gmail.com

class HelloWorldComponent extends React.Component {
    render() {

        const user = {
            name: "james",
            contact: "3245234545",
            email: "james@gmail.com",
            other: 'dsfsdfsdf'
        };

        return (      
            <div>{user &&
                <div>
                {Object.keys(user).map(key => {

                    if(key === 'name' || key==='contact' || key==='email'){
                        return user[key].join(', ')
                    }

                })}</div>
            }</div>
        )
    }
}

但我得到了错误

user[key].join 不是函数

这是我的 jsbin：http://jsbin.com/kuliwevoku/edit?js,console,output

Answer 1

你应该join map 结果：

Object.keys(user).map(key => {

                if(key === 'name' || key==='contact' || key==='email'){
                    return user[key]
                }

            }).join(', ')

---

你也可以过滤数组：

   Object.keys(user)
         .filter(key => ['name', 'contact', 'email'].includes(key))
         .map(key => user[key]).join(', ')