模式内的子组件意外重置为默认状态，React Native

class ParentComponent extends React.Component {
  state = {
    sharedState: 'initialValue'
  };

  updateState = (newValue) => {
    this.setState({ sharedState: newValue });
  };

  render() {
    return (
      <View>
        <ChildComponent1 state={this.state.sharedState} updateState={this.updateState} />
        <ChildComponent2 state={this.state.sharedState} updateState={this.updateState} />
      </View>
    );
  }
}

class ChildComponent1 extends React.Component {
  render() {
    return (
      <View>
        <Text>{this.props.state}</Text>
        <Button title="Change State" onPress={() => this.props.updateState('newValue')} />
      </View>
    );
  }
}

class ChildComponent2 extends React.Component {
  render() {
    return (
      <View>
        <Text>{this.props.state}</Text>
      </View>
    );
  }
}

import React, { useState, useEffect } from 'react';
import { View, Text, Button } from 'react-native';

const ParentComponent = () => {
  const [sharedState, setSharedState] = useState('initialValue');

  return (
    <View>
      <ChildComponent1 state={sharedState} updateState={setSharedState} />
      <ChildComponent2 state={sharedState} />
    </View>
  );
};

const ChildComponent1 = ({ state, updateState }) => {
  return (
    <View>
      <Text>{state}</Text>
      <Button title="Change State" onPress={() => updateState('newValue')} />
    </View>
  );
};

const ChildComponent2 = ({ state }) => {
  return (
    <View>
      <Text>{state}</Text>
    </View>
  );
};

componentDidUpdate(prevProps, prevState) {
  if (prevState.someValue !== this.state.someValue) {
    // 执行必要的操作，但避免直接修改状态
  }
}