如何使用正常的单选按钮进行反应？

Question

我正在开发一个使用materializecss的webapp，与rails上的ruby一起做出反应。我想知道如何使用单选按钮以便可以渲染它。

    class Radio extends React.Component {

      constructor(props) {
  super(props);

  this.state = {

  }

  this.setNewNumber = this.setNewNumber.bind(this)
};

 setNewNumber(event) 
{
    this.setState({val : event.target.value})

}

render() {
  return (

     <div>
        <input type="radio" name="gender" value="male" onChange={this.setNewNumber}/> Male<br/>
        <input type="radio" name="gender" value="female"onChange={this.setNewNumber}/> Female<br/>
        <input type="radio" name="gender" value="other"onChange={this.setNewNumber}/> Other
        <p>Enter {this.state.val}</p>
     </div>
     );
  }
}