无法在反应中拉出对象数组的值

Question

我有一个React项目，我从API返回一个对象数组。成功将此对象数组设置为类组件中的状态后，我想使用特定值，例如：

我回来[{bar：2，foo：13}，{bar：22，foo：3}，{bar：9，foo：1}]。

然后我想说从栏中拉出2：2。

虽然我可以拉出特定的物体，例如{bar：2，foo：13}，但我无法拉开bar或foo。

class App extends Component {
constructor(props) {
 super(props);

   this.state = {
   videos: []
  };
 }


componentDidMount() {
axios
  .get("https://abc.herokuapp.com/videos/videoapi")
  .then(response => response)   
  .then(data => this.setState({ videos: data.data}));
}

render() {
const videos = this.state.videos;
console.log(videos); //returns array with 4 objects 
console.log(videos[0]); //returns object with 6 properties
console.log(videos[0].embed); //TypeError: Cannot read property 'embed' of 
undefined