当我在navigationOptions中点击一个按钮时，为什么React本机状态没有正确设置？

class MyComponent extends React.Component {
  state = {
    buttonClicked: false
  };

  static navigationOptions = ({ navigation }) => ({
    headerRight: (
      <Button
        onPress={() => navigation.getParam('handleButtonClick')()}
        title="Click Me"
      />
    )
  });

  componentDidMount() {
    this.props.navigation.setParams({ handleButtonClick: this.handleButtonClick });
  }

  handleButtonClick = () => {
    this.setState({ buttonClicked: true });
  };

  render() {
    // 根据按钮点击状态渲染组件
    return (
      <View>
        <Text>{this.state.buttonClicked ? 'Button Clicked' : 'Button Not Clicked'}</Text>
      </View>
    );
  }
}