变量的值仅在第二次赋值

Question

我的方法使用props在array执行.map()并分配给变量。 我用一个button调用我的方法， console它，但你的值是空的。

只有当我第二次调用时，我的console.log返回第一个值。

我正在使用 React 并且我的array来自props 。 这是我的代码：

  myFunction = () => {  
    let a = this.props.myArray.map(foo => (foo.content))
    console.log(a);    
  }

我在这里调用myFunction ：

<button onClick={this.myFunction }>Get!</button>

简而言之，我单击按钮， console a变量为空。 我再次单击我的按钮，最后我的变量有一个值。

为什么会发生这种情况？ 我需要做什么才能在第一次交互中获得一个值，在我的按钮的第一次点击中？

Answer 1

你能试试这个解决方案吗

  myFunction = () => {  
    let a = this.props.myArray.map(foo => foo.content)
    console.log(a);    
  }

这是沙箱示例