反应不将道具传递给组件

Question

我刚刚开始学习 React 并尝试将 props 传递给子组件，正如我在许多教程和react docs 中看到的那样。 但是我看不到在我的子组件中传递的任何道具。 我在 Chrome 中有 installed React Developer 工具

我的代码如下：

App.js

import React, { Component } from 'react';
import './App.css';
import Movies from './Components/Movies';
import GetMovies from './Data/MoviesServie';

class App extends Component {
  constructor() {
    super();
    this.state = {
      movies: []
    };
  }

  componentDidMount() {
    const movies = [...GetMovies()];
    this.setState({ movies });  // 1. setting state
  }

  render() {
    return <Movies movie={this.state.movie} />; // NOT WORKING
  }
}

export default App;

我也尝试过控制台日志记录，发现以下内容是按顺序调用的

• 构造函数调用（显然）
• 渲染
• componentDidMound // 我在这里设置状态，但它仍然在记录空白数组
• 渲染（再次渲染状态设置为对象数组）

但是当我在<Movies /> 组件中看到道具时，我没有看到任何东西。 那里的道具为空/空白。

我不知道是什么问题，每个教程都有方法，我在这里使用。

Answer 1

你错过了一封信

更改return <Movies movie={this.state.movie} />;

致return <Movies movie={this.state.movies} />;