fix: Affix does not refix on offset prop changes

components/affix/__tests__/Affix.test.js

@@ -100,4 +100,19 @@ describe('Affix Render', () => {
     scrollTo(0);
     expect(wrapper.instance().affix.state.affixStyle).not.toBe(null);
   });
+
+  it('updatePosition when offsetTop changed', () => {
+    document.body.innerHTML = '<div id="mounter" />';
+
+    wrapper = mount(<AffixMounter offsetTop={0} />, { attachTo: document.getElementById('mounter') });
+    jest.runAllTimers();
+
+    scrollTo(100);
+    expect(wrapper.instance().affix.state.affixStyle.top).toBe(0);
+    wrapper.setProps({
+      offsetTop: 10,
+    });
+    jest.runAllTimers();
+    expect(wrapper.instance().affix.state.affixStyle.top).toBe(10);
+  });
 });

components/affix/demo/basic.md

@@ -16,16 +16,46 @@ The simplest usage.
 ````jsx
 import { Affix, Button } from 'antd';
 
+class Demo extends React.Component {
+  state = {
+    top: 10,
+    bottom: 10,
+  }
+  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>
+    );
+  }
+}
+
 ReactDOM.render(
-  <div>
+  <Demo />,
-    <Affix>
-      <Button type="primary">Affix top</Button>
-    </Affix>
-    <br />
-    <Affix offsetBottom={0}>
-      <Button type="primary">Affix bottom</Button>
-    </Affix>
-  </div>,
   mountNode
 );
 ````

components/affix/index.tsx

@@ -233,6 +233,12 @@ export default class Affix extends React.Component<AffixProps, AffixState> {
       // Mock Event object.
       this.updatePosition({});
     }
+    if (
+      this.props.offsetTop !== nextProps.offsetTop ||
+      this.props.offsetBottom !== nextProps.offsetBottom
+    ) {
+      this.updatePosition({});
+    }
   }
 
   componentWillUnmount() {