вызов API для компонента класса с использованием componentWillRecieveProps

Question

• Мне нужно передать значение поиска через компонент searchbar компоненту menubar, чтобы выполнить пользовательский поиск
• , поэтому я взял существующий функциональный компонент из изолированной программной среды кода и преобразовал в компонент класса.
• но я получаю ошибку App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.
• Я пытаюсь достичь с помощью componentWillRecieveProps
• Можете ли вы сказать мне, как это исправить.
• предоставив мой фрагмент кода и песочницу ниже.

https://codesandbox.io/s/eloquent-galileo-14874

class App extends Component {
  state = {
    groupCheckBoxValues: [],
    groupRadioValue: "PRO"
  };

  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() {
    <div> testing</div>;
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Answer 1

просто измените вашу функцию рендеринга на:

render() {
   return <div> testing</div>;
  }

остальное останется прежним. Кричите, если вам нужна помощь или это не сработало!