zent
Version:
一套前端设计语言和基于React的实现
44 lines (37 loc) • 639 B
Markdown
order: 5
zh-CN:
title: 事件处理
en-US:
title: Event handler
```jsx
import { NumberInput, Button } from 'zent';
class EventTest extends React.Component {
state = {
log: ''
};
onChange(ev) {
this.setState({ log: ev.target.value });
}
setToThree= (ev) => {
this.setState({ log: 3 });
}
render() {
return (
<div>
<NumberInput
showStepper
value={this.state.log}
onChange={this.onChange.bind(this)}
onPressEnter={() => console.log('pressed enter')}/>
<Button onClick={this.setToThree}>change to 3</Button>
</div>
);
}
}
ReactDOM.render(
<EventTest />
, mountNode
);
```