작성
·
170
답변 3
1
1
1
return (
<Grid fluid={true}>
<Row>
<Col md={5}>
<InputGroup style={{paddingBottom:'10px'}}>
<InputGroup.Addon>Value</InputGroup.Addon>
<FormControl type="number" placeholder="Enter number" bsSize="lg" onChange={handleChange} />
</InputGroup>
</Col>
</Row>
<Row>
<Col md={5} style={{textAlign: "center"}}>
<div className="button">
<ButtonToolbar>
<ButtonGroup justified>
<Button href="#" bsStyle="primary" bsSize="large" block onClick={handleSet}>
Set
</Button>
<Button href="#" bsStyle="info" bsSize="large" block onClick={handleGet}>
Get
</Button>
<Button href="#" bsStyle="success" bsSize="large" block onClick={handleSayHello}>
Hello!
</Button>
</ButtonGroup>
</ButtonToolbar>
</div>
</Col>
</Row>
<Row style={{marginTop:'10px'}}>
<Col md={5}>
<Panel bsStyle="info">
<Panel.Heading>
<Panel.Title>
<Glyphicon glyph="signal" /> Stored Data - Event
</Panel.Title>
</Panel.Heading>
<Panel.Body>
<div style={{display:"inline-block"}}>
<p>{storedData}</p>
</div>
</Panel.Body>
</Panel>
</Col>
</Row>
</Grid>
);