Reactのトラブル設定ラジオボタン

Question

Reactの使い方を勉強しようとしています。 2つのラジオボタンを使用しようとするまで、私の実験はうまくいっていました。以下のコードは、私が「OR」ボタンがオフ」であることを期待していたとき、「上」にあるように、両方のボタンを示して任意のアイデアを私が間違っているのものにとして

import React from 'react'; 

class SearchBar extends React.Component { 
    constructor(props) { 
     super(props); 
     this.state = { 
      operator: 'And', 
      andSelected: 'true', 
      orSelected: 'false' 
     } 
    } 


    render() { 
     return (
      <div className="search-bar">  
       <input type='radio' group='andor' defaultChecked={this.state.andSelected} /> 
       And 
       <input type='radio' group='andor' defaultChecked={this.state.orSelected} /> 
       Or 
      </div> 
     ) 
    } 
} 

export default SearchBar; 

注：？私はクリックハンドラを削除しました診断するシンプルな壊れたコードを作る

Answer 1

defaultChecked小道具がbooleanを期待非空stringを渡すと、常にtrueと評価されます - 。。をチェックする無線はに設定されます

を。