[SOLVED] CAN'T set Selected linkbutton in Buttongroup

[kifni41]

Here i want to set as selected if the button meet condidion.
this is the state

Code:

this.state = {
 selectMonth2:6,
 months: [
        {id:1,name:"Jan"}, {id:2,name:"Feb"}, {id:3,name:"Mar"}, {id:4,name:"Apr"}, {id:5,name:"May"}, {id:6,name:"Jun"},
        {id:7,name:"Jul"}, {id:8,name:"Aug"}, {id:9,name:"Sep"}, {id:10,name:"Oct"}, {id:11,name:"Nov"}, {id:12,name:"Dec"}
    ]
}

then i loop button, try to selected if meet condition

Code:

 

<ButtonGroup selectionMode="single">
{this.state.months.map((value,index)=>{
    return <LinkButton style={{width:'35px'}} toggle selected={value.id===this.state.selectMonth2? true : false} key={'xz'+value.id} onClick={()=>{this.setState({selectMonth2: value.id});} }>
               {value.name}
       </LinkButton>
 })}
</ButtonGroup>
 

but can't work, how to set button selected?

[kifni41]

ah, so when i try this, remove selectionMode in buttongroup its work

Code:

 <ButtonGroup >
        {this.state.months.map((value,index)=>{
              return <LinkButton style={{width:'35px'}} toggle selected={value.id===this.state.selectMonth2? true : false} key={'xz'+value.id} onClick={()=>{this.setState({selectMonth2: value.id});} }>
               {value.name}
              </LinkButton>

        })}
  </ButtonGroup>

this work fine now, hehe,