He creado tres componentes básicos.

A representa los componentes B y C B es como el encabezado que contiene las pestañas 1,2,3 C es la primera página en la que hay dos formularios, uno se muestra a la vez. Al mostrar el primer formulario, necesito mostrar la pestaña uno 1 en el componente B. Al mostrar la segunda forma, necesito mostrar la pestaña 3 en el componente B.

Solo quiero pasar los datos del componente C sobre la base de qué formulario se muestra al componente B.

Puse el estado en el componente C y traté de usar el mismo this.state.data o this.props.data para que no haya ningún valor en el controlador B.

A.jsx

import React from 'react';
import B from './B.jsx';
import C from './C.jsx'
class A extends React.Component {
    constructor(props) {
        super();
        this.state = {
            show : '1',
        }
    }
    render() {
        return (
            <div>{this.props.show}
                <B />
                <C/>
            </div>
        )
    }
}

export default A;

B.jsx

import React from 'react';

class B extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            show : '1',
        }
    }
    render() {
        return (
            //html code here
        )
    }
}

C.jsx

class C extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            show : '1',
        }
    }
    render() {
        return (
            //html code here
        )
    }
}