如何更改子组件的子级中的this.state属性值

// 父组件
import React, { Component } from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      childState: '' // 存储子组件的state属性值
    };
  }

  updateChildState = (newState) => {
    this.setState({ childState: newState });
  }

  render() {
    return (
      <div>
        <ChildComponent updateChildState={this.updateChildState} />
      </div>
    );
  }
}

export default ParentComponent;

// 子组件
import React, { Component } from 'react';

class ChildComponent extends Component {
  handleClick = () => {
    this.props.updateChildState('New State'); // 调用父组件传递的方法更新state属性值
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>更新子组件的子级的state属性值</button>
      </div>
    );
  }
}

export default ChildComponent;