javascript - .map() 参数未定义

Question

我有一个包含数据的数组，我想将数据与 event.target.value 进行比较 当它是相同的值时，我希望它获得有关数组该位置中数据的更多信息。

它说字符未定义，我想这是一个范围问题，但我不知道如何解决它。

console.log(character.mass, character.height) 用于测试目的。

handleClick(event){

        event.preventDefault();
        const CharacterDataArray = this.props.CharacterData.results
        console.log(CharacterDataArray)

        if(CharacterDataArray.map(character => character.name === event.target.value)) {
            console.log(character.mass, character.height)
        }
        this.setState({
            CharacterName: event.target.value
        })
}

Answer 1

你需要使用箭头函数来解决像

这样的scop问题

 handleClick =(event)=>{
  // your code goes here 
}

或者你可以在构造函数中绑定(bind)点击事件

constructor () {
this.handleClick = this.handleClick.bind(this);
}