javascript - TypeError：无法读取未定义的属性“文本”(TypeError: Cannot read property 'text' of undefined)

Question

 constructor() { super() this.state = { privilegesOption: privilegesOption: [{ key: 1, text: "Admin", value: 1 }, { key: 2, text: "Cashier", value: 2 }] } this.foo = this.foo.bind(this) } foo() { let privilegesOut = this.state.privilegesOption.find(e => e.value === 1); console.log(privilegesOut.text) } 

Why i keep get this error if i call object property after using .find ?

(如果使用.find后调用对象属性，为什么我总是收到此错误？)

if i use this.state.privilegesOption[0].text, its worked

(如果我使用this.state.privilegesOption [0] .text，它的工作原理)

  ask by Mufid Zukh translate from so

Answer 1

A few erros with this which is best answered with some space, I think what you were trying to do was this, I have turned privilegesOption into an array [] containing objects {} where the object key:value pairs are seperated by a comma ,

(最好用一些空格来解决这个问题，我想您正在尝试做的是，我已经将privilegesOption变成了一个包含对象{}的数组[] ，其中对象的key：value对用逗号分隔,)

this.state = {
    privilegesOption: [
        {
            key: 1,
            text: "Admin",
            value: 1
        },
        {
            key: 2,
            text: "Cashier",
            value: 2
        }
    ]
}

And to find the object where value is 1 you were completely right

(并find值等于1的对象，那是完全正确的)

let privilagesOut = this.state.privilegesOption.find(x => x.value == 1)