ant-design/components/affix/demo/basic.md

60 lines
974 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
order: 0
title:
zh-CN: 基本
en-US: Basic
2016-03-31 09:40:55 +08:00
---
2015-08-03 16:49:42 +08:00
## zh-CN
2015-08-03 16:49:42 +08:00
最简单的用法。
## en-US
The simplest usage.
2017-02-13 10:55:53 +08:00
````jsx
import { Affix, Button } from 'antd';
2015-08-03 16:49:42 +08:00
class Demo extends React.Component {
state = {
top: 10,
bottom: 10,
}
2018-06-27 15:55:04 +08:00
render() {
return (
<div>
<Affix offsetTop={this.state.top}>
<Button
type="primary"
onClick={() => {
this.setState({
top: this.state.top + 10,
});
}}
>
Affix top
</Button>
</Affix>
<br />
<Affix offsetBottom={this.state.bottom}>
<Button
type="primary"
onClick={() => {
this.setState({
bottom: this.state.bottom + 10,
});
}}
>
Affix bottom
</Button>
</Affix>
</div>
);
}
}
2018-06-27 15:55:04 +08:00
ReactDOM.render(<Demo />, mountNode);
2015-08-03 16:49:42 +08:00
````