Reactjs 状态隐藏显示组件，状态中没有值

我试图根据在“选择”列表中选择的值隐藏和显示组件

Im my root app.js我有：

   logChange(val) {
      console.log("Selected: " + val);
      this.setState({ active: val });
    }


  render() {

    let options = [
      { value: 'Apprentice', label: 'Apprentice' },
      { value: 'Assessor', label: 'Assessor' },
      { value: 'Assessment Centre', label: 'Assessment Centre' }
    ];

    return (
      <div className="container">

          <User showDiv={this.logChange} />

           {
          this.state.active = "Apprentice"
            ? <Apprentice />
            : null
           }

              {
          this.state.active = "Assessor"
            ? <Assessor />
            : null
           }

          {
          this.state.active = "Assessment Centre"
            ? <AssessmentCenter />
            : null
           }



      </div>

如何检查状态并呈现适当的组件网

我在状态中看不到值： 试试看：

{ this.state.active === "Apprentice" && <Apprentice /> }

{ this.state.active === "Assessor" && <Assessor /> }

{ this.state.active === "Assessment Centre" && <AssessmentCenter /> }

{this.state.active==“学徒”&&}
{this.state.active==“Assessor”&&}
{this.state.active===“评估中心”&&}

当您应该执行

=

或

==

时，您所有的三元运算符都在使用

=

进行比较。我看不到您绑定了logChange函数

{ this.state.active === "Apprentice" && <Apprentice /> }

{ this.state.active === "Assessor" && <Assessor /> }

{ this.state.active === "Assessment Centre" && <AssessmentCenter /> }