html使用easyui单选按钮,EasyUI 基本单选按钮(Basic)_React Easyui Demo

源代码

import React from 'react';

import { Label, RadioButton } from 'rc-easyui';

class App extends React.Component {

constructor() {

super();

this.state = {

fruit: null,

fruits: ["Apple", "Orange", "Banana"]

}

}

handleChange(value, checked) {

if (checked) {

this.setState({ fruit: value });

}

}

render() {

return (

Basic RadioButton

{

this.state.fruits.map(fruit => {

return (

inputId={fruit}

value={fruit}

groupValue={this.state.fruit}

onChange={(checked) => this.handleChange(fruit, checked)}

/>

{fruit}

)

})

}

{

this.state.fruit !== null &&

You selected: {this.state.fruit}

}

);

}

}

export default App;