如何将导航道具从父组件传递到header？

import React from 'react';
import Header from './Header';

class ParentComponent extends React.Component {
  render() {
    const navigationProps = {
      prop1: 'value1',
      prop2: 'value2',
      // 其他导航道具
    };

    return (
      <div>
        <Header navigationProps={navigationProps} />
        {/* 其他组件 */}
      </div>
    );
  }
}

export default ParentComponent;

import React from 'react';

class Header extends React.Component {
  render() {
    const { navigationProps } = this.props;

    return (
      <div>
        {/* 使用导航道具 */}
        <p>{navigationProps.prop1}</p>
        <p>{navigationProps.prop2}</p>
        {/* 其他内容 */}
      </div>
    );
  }
}

export default Header;