将值从父组件传递到子组件，其中子组件嵌套在tabview的选项卡面板中

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  render() {
    const valueToPass = '这是要传递给子组件的值';

    return (
      <div>
        <h1>父组件</h1>
        <ChildComponent value={valueToPass} />
      </div>
    );
  }
}

// 子组件
import React from 'react';

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <h2>子组件</h2>
        <p>接收到的值：{this.props.value}</p>
      </div>
    );
  }
}

export default ParentComponent;

import React from 'react';
import { Tabs } from 'antd';

const { TabPane } = Tabs;

class ParentComponent extends React.Component {
  render() {
    const valueToPass = '这是要传递给子组件的值';

    return (
      <div>
        <h1>父组件</h1>
        <Tabs defaultActiveKey="1">
          <TabPane tab="选项卡1" key="1">
            <ChildComponent value={valueToPass} />
          </TabPane>
          <TabPane tab="选项卡2" key="2">
            {/* 其他子组件 */}
          </TabPane>
        </Tabs>
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <h2>子组件</h2>
        <p>接收到的值：{this.props.value}</p>
      </div>
    );
  }
}

export default ParentComponent;