How to use radio buttons in ReactJS?

Question

I am new to ReactJS, sorry if this sounds off. I have a component that creates several table rows according to the received data.

Each cell within the column has a

Answer 1

Here is a simplest way of implementing radio buttons in react js.

class App extends React.Component {
  
  setGender(event) {
    console.log(event.target.value);
  }
  
  render() {
    return ( 
      

         Male
         Female
      
     )
  }
}

ReactDOM.render(, document.getElementById('app'));

Edited

You can use arrow function instead of binding. Replace the above code as

this.setGender(event)}>

For a default value use defaultChecked, like this

 Male

0 讨论(0)

查看其它10个回答

发布评论:

提交评论

---

•  加载中...