Refactor cloneElement to context in RadioGroup

[yesmeck]

Currently, we use cloneElement to pass props to Radio in RadioGroup. This approach leads to Radio cannot be wrapped by other components or created from HOC.

For example, following code won't work:

<RadioGroup onChange={this.onChange} value={this.state.value}>
  <div>
    <img src="A.png" />
    <Radio value={1}>A</Radio>
  </div>  
  <div>
    <img src="B.png" />
    <Radio value={2}>B</Radio>
  </div>  
</RadioGroup>

By replacing cloneElement with context, Radio can be free to compose.

Related issue: #5165

[afc163]

Menu and MenuItem has same issue.

[yesmeck]

react-component/menu#72

I've tried on Menu, got some blocks...

[afc163]

Yep... RadioGroup don't have this problem.

[lock]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.