我按照以下鏈接嘗試做一個 poc https://www.reddit.com/r/reactjs/comments/82mxz3/how_to_make_an_api_call_on_props_change在 Searchbar 中，我創(chuàng)建了一個文本框，當(dāng)我提供 componentWillRecieveProps 并打印值以將其傳遞給 api 但沒有打印時，我正在獲取值但在 index.js 中。你能告訴我如何修復(fù)它嗎？在下面提供更新的代碼沙箱和代碼片段。https://codesandbox.io/s/eloquent-galielo-14874//import React from "react";import ReactDOM from "react-dom";import React, { Fragment, useState, Component } from "react";import "./styles.css";class SearchBar extends Component {  state = {    groupCheckBoxValues: [],    groupRadioValue: "PRO"  };  getInitialState() {    return { value: "Hello!" };  }  handleChange(event) {    console.log("handleChange", event.target.value);    this.setState({ value: event.target.value });  }  componentWillReceiveProps({ search }) {    console.log(search);  }  componentDidMount() {    this.fetchdata("story");  }  fetchdata(type = "", search_tag = "") {    var url = "https://hn.algolia.com/api/v1/search?tags=";    fetch(`${url}${type}&query=${search_tag}`)      .then(res => res.json())      .then(data => {        this.props.getData(data.hits);      });  }  render() {    return (      <input        type="text"        value={this.state.value}        onChange={this.handleChange}      />    );  }}export default SearchBar;