我正在學習 React，但我仍然認為自己是一個初學者。我的目標是單擊子組件上的按鈕，以便我可以重新渲染父組件。這是我的代碼。父組件import React, { Component } from 'react';import Activity from './Components/Activity'class App extends Component {  state = {    activity: ''  }  handleClick = () => {    // I have read that forceUpdate is discouraged but this is just an example    this.forceUpdate()  }  async componentDidMount() {    const url = 'http://www.boredapi.com/api/activity/'    const response = await fetch(url);    const data = await response.json();    this.setState({      activity: data.activity    })  }  render() {    return (      <div>        <Activity act={this.state.activity} click={this.handleClick}/>      </div>    );  }}export default App;子組件import React, { Component } from 'react';class Activity extends Component {  render() {    return (      <div>        <h1>Bored? Here is something to do</h1>        <p>{this.props.act}</p>        <button onClick={this.props.click}>Something Else</button>      </div>    );  }}export default Activity;正如您所看到的，我正在嘗試單擊一個按鈕，以便我可以再次獲取并在我的子組件上呈現不同的活動。我試圖讓我的孩子組件保持無狀態，但如果保持它無狀態沒有意義或者完全錯誤，我很想知道。