反应不将道具传递给组件

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 /> 组件中看到道具时，我在那里没有看到任何东西。道具是 null/blank 那里。

不知道是什么问题，每个教程都有方法，我用的就是这个

Answer 1

你错过了一封信

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

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

反应不将道具传递给组件

React not passing props to component

reactjs

react-props