传数据从小孩到在母体阵营节目类型错误

class Header extends React.Component {  
    render() {  
    return ( 
     <div className="col-md-8 col-sm-8 col-xs-8">  
     <p className="title-p">  
      <span className="red-text">B</span>  
      <span className="black-text">ulows</span>{" "}  
      <span className="green-text">Wortshatztest</span>  
     </p>  
     </div>  
    );  
    }  
}  
class Hicon extends React.Component {  
    render() {  
    return ( 
     <div className="col-md-4 col-sm-4 col-xs-4 icon-image-div">  
     <img className="icon-image" src="src/img/WT_icon5.png" alt="icon" />  
     </div>  
    );  
    }  
}  
class Question extends React.Component {  
    render() {  
    return ( 
     <div className="col-md-12 text-center">  
     <h3 className="question-type">Welche beiden Worter passen gut zu:</h3>  
     <h1 className="question">Gegensatz</h1>  
     </div>  
    );  
    }  
}  
class Instruction extends React.Component {  
    render() {  
    return ( 
     <div className="col-md-12">  
     <h4 className="attention-text">  
      Wählen Sie Ihre zwei. [attention German Umlaut = auml]  
     </h4>  
     </div>  
    );  
    }  
}  
class Choice extends React.Component {  
    constructor(props) {  
    super(props);  
    this.state = { isToggleOn: true, selectCount: 0 };  
    this.handleClick = this.handleClick.bind(this);  
    }  
    handleClick() {  
    this.setState(prevState => ({  
     isToggleOn: !prevState.isToggleOn  
    }));  
    console.log(this.state.isToggleOn);  
    this.props.onIncreaseCount();  
    }  
    render() {  
    let bgColor = this.state.isToggleOn ? "white" : "green";  
    return ( 
     <div className="col-md-6 text-center btn-div">  
     <a  
      style={{ backgroundColor: bgColor }}  
      onClick={this.handleClick}  
      type="button"  
      className="btn"  
      href="#"  
     >  
      {this.props.option}  
     </a>  
     </div>  
    );  
    }  
}  
class Choices extends React.Component {  
    constructor(props) {  
    super(props);  
    this.state = {  
     count: 0,  
     choices: [  
     { option: "Krass" },  
     { option: "Einfach" },  
     { option: "Dazu" },  
     { option: "Dafur" }  
     ]  
    };  
    this.increaseCount = this.increaseCount.bind(this);  
    }  
    increaseCount() {  
    this.setState(prevState => ({  
     count: prevState.count + 1  
    }));  
    if (this.state.count == 2) {  
     console.log("kam sarse");  
    }  
    }  
    render() {  
    var choices = ["krass", "Einfach", "Dazu", "Dafur"];  
    const listitem = choices.map((name, index) => {  
     return(<Choice onIncreaseCount={this.increaseCount} key={index} option={name} />);  
    });  
    return ( 
     <div className="col-md-12 row">  
     <Choice onIncreaseCount={this.increaseCount} option="Krass" />  
     {listitem}  
     </div>  
    );  
    }  
}  
class App extends React.Component {  
    render() {  
    return ( 
     <div className="container">  
     <div className="row header">  
      <Header />  
      <Hicon />  
     </div>  
     <div className="row question-div">  
      <Question />  
     </div>  
     <div className="row instruction-div">  
      <Instruction />  
     </div>  
     <div className="row choice-div">  
      <Choices />  
     </div>  
     </div>  
    );  
    }  
}  
ReactDOM.render(<App />, document.getElementById("root"));

.header{  
     border-bottom: 5px solid black;  
     margin-bottom: 20px;  
    }  
    .title-p{  
     padding-bottom: 0px !important;  
     margin-bottom: -10px;  
    }  
    .red-text{  
     font-size: 60px;  
     font-weight: bold;  
     color: red;  
    }  
    .black-text{  
     font-weight: bold;  
     font-size: 25px;  
    }  
    .green-text{  
     font-size: 35px;  
     font-weight: 600;  
     color: green;  
    }  
    .icon-image{  
     height: 50px;  
     float: right;  
    }  
    .icon-image-div{  
     padding-top: 25px;  
    }  
    .question-div{  
     background-color: aliceblue;  
     min-height: 20%;  
    }  
    .instruction-div{  
     background-color: goldenrod;  
     margin-top: 20px;  
    }  
    .choice-div{  
     margin-top: 30px;  
    }  
    .zero-padding{  
     padding: 0 !important;  
     margin: 0 !important;  
    }  
    .btn-div{  
     margin-top: 15px;  
     margin-bottom: 15px;  
    }  
    .btn{  
     width: 80%;  
     font-weight: bold;  
     font-size: 30px;  
     color: black;  
    }  
    .btn:hover{  
     background-color: aquamarine;  
    }  
    .btn:focus{  
     box-shadow: 0 0 0 0 !important;  
     /*background-color: green;*/  
     /*color: white;*/  
    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>  
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>  
<div id="root"></div>