父组件如何触发子组件的更新？

在React中，父组件可以触发子组件更新的方式通常有两种：

1. **直接修改props**: 当父组件的状态（state）改变，如果这个变化会影响传给子组件的props，那么React会自动地重新渲染子组件。例如，如果你有一个函数组件，它接受一个数组作为prop，当你在父组件中更改了这个数组，由于prop的变化，子组件会被重新渲染。

class ParentComponent extends React.Component {
  // ...
  handleArrayChange = () => {
    this.setState({ myArray: newArray });
  };
  render() {
    return (
      <ChildComponent array={this.state.myArray} />
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      {/* 使用props.array */}
    );
  }
}

2. **手动触发forceUpdate()**: 如果你确定父组件状态或props确实已经改变，但是React没有自动检测到，你可以手动调用`this.props.children.forceUpdate()`。但这应该是尽量避免的，因为频繁的强制更新可能导致性能下降。

class ParentComponent extends React.Component {
  // ...
  handleClick = () => {
    this.props.children.forceUpdate();
  };
  render() {
    return (
      <div>
        <button onClick={this.handleClick}>Force Update</button>
        <ChildComponent />
      </div>
    );
  }
}