React 沒有將 props 傳遞給組件

Question

我剛剛開始學習 React 並嘗試將 props 傳遞給子組件，正如我在許多教程和react 文檔中看到的那樣。 但是我看不到我的子組件中傳遞的任何道具。 我已經在 Chrome 中installed React Developer Tools

我的代碼如下：

應用程序.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} />;