title: Why radio buttons are not being checked after clicking in React?
body: <p>I am making a To-Do app using react, where I have radio buttons to check the priority of a Todo. However, any of my radio buttons are not being checked when I click it. I am using chrome, windows 10.</p>
  
  <p><strong>One of my radio buttons Codes:</strong></p>
  
  <pre><code>    &lt;input className="form-check-input"                        
      type="radio"                           
      name="priorityOptions"                         
      id="priorityLow"                            
      value="Low"                            
      checked={this.state.todo_priority === 'Low'}                              
      onChange={this.onChageTodoPriority}                                  
       /&gt;                                      
      &lt;label className="form-check-lebel"&gt;Low&lt;/label&gt;
  </code></pre>
  
  <p><strong>On submit codes:</strong></p>
  
  <pre><code>    onSubmit(e){
                  e.preventDefault();
                  console.log('form_submitted');
                  console.log('Todo description:' + 
      this.state.todo_description);
          console.log('Todo Responsible:' + 
      this.state.todo_responsible);
          console.log('Todo Priority:' + 
      this.state.todo_priority);
          console.log('Todo Completed:' +  
      this.state.todo_completed);
          this.setState({
              todo_description:'',
              todo_responsible:'',
              todo_priority: '',
              todo_completed: false
          })
      }
  </code></pre>
  
  <p><strong>onChangeTodoPriority Listener:</strong></p>
  
  <pre><code>    onChangeTodoPriority(e){
          this.setState({
              todo_priority: e.target.value
          });
      }
  </code></pre>
  
  <p>I am logging all the form informations in the console. Text inputs are showing. but radio inputs are not showing in the console.</p>
  
  <p>Thanks in advance.</p>