Как получить API с помощью состояния в реагировать

Question

Я получаю apv themoviesdb, мой подход правильный при получении. Ниже мой код. а также для проверки данных в результатах я использовал консоль. Ниже мой код. а также для проверки данных в результатах я использовал консоль.

import React, { Component } from 'react';
import { render } from 'react-dom';
import Child from './Child';
import Looper from './Looper';
import './style.css';

class App extends Component {
  constructor() {
    super();
    this.state = {
      childValue: '', list: [],
    };
    this.handleFromChild = this.handleFromChild.bind(this);
  }
  style = {
    border: "1px solid blue",
    margin: 20,
  }
  handleFromChild(value) {
    this.setState({ childValue: value })
    console.log("------");
  }
  componentWillMount() {
    console.log("**********");
    fetch('https://api.themoviedb.org/3/search/movie?query=' + this.state.childValue + '&api_key=192fjs5f3733eq506231f4bf2059fc72')
      .then(res => res.json())
      .then(
      list => {
        this.setState({ list: list.results });
        console.log(list);
      }
      );

  }

  render() {
    return (
      <div style={this.style}>
        <Child handleToParent={this.handleFromChild} />
        <p>
          I am parent : {this.state.childValue}
        </p>
        <Looper />
      </div>
    );
  }
}

render(<App />, document.getElementById('root'));