用react的组件写单选框 多选框 下拉菜单并进行双向绑定（2018/12/10）

一、单选

App.js

 

import React,{Component} from "react"  

class App extends Component{

     constructor(){

          super();

          this.state={

              radioVal:'男'

          }

     }

     render(){

          let {radioVal}=this.state

          return (

              <div>

              

                    <p>

                      男:<input type="radio" value="男"  onChange={this.handelRadio.bind(this)}   checked={radioVal==="男"}/>

                   </p>

                   

                   <p>

                      女:<input type="radio" value="女"  onChange={this.handelRadio.bind(this)}   checked={radioVal==="女"}/>

                   </p>

                    <p>您选择的性别是----{radioVal}</p>

              </div>

          )

     }

      handelRadio(e){