如何传递一个属性以与react-native中子元素中的state属性匹配

// 子组件 ChildComponent.js
import React, { Component } from 'react';
import { View, Text } from 'react-native';

class ChildComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      value: props.initialValue, // 初始化state与props匹配
    };
  }

  componentDidMount() {
    // 如果props发生变化，更新state
    this.setState({ value: this.props.initialValue });
  }

  componentDidUpdate(prevProps) {
    // 当props变化时，更新state
    if (prevProps.initialValue !== this.props.initialValue) {
      this.setState({ value: this.props.initialValue });
    }
  }

  render() {
    return (
      <View>
        <Text>{this.state.value}</Text>
      </View>
    );
  }
}

export default ChildComponent;

// 父组件 ParentComponent.js
import React from 'react';
import { View } from 'react-native';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const [parentValue, setParentValue] = React.useState('初始值');

  return (
    <View>
      <ChildComponent initialValue={parentValue} />
    </View>
  );
};

export default ParentComponent;