10 examples of 'componentwillreceiveprops hooks' in JavaScript

31
afterComponentDidUpdate(cb: () => void): void {
32
    this._afterComponentDidUpdateQueue.push(cb);
33
}

58
function callUpdateHooks (oldVNode: VNode, vNode: VNode): VNode {
59
  const [updatedOldVNode, updatedVNode] = reduce(function ([oldVNode, vNode]: [VNode, VNode], module: Module): [VNode, VNode] {
60
    return [vNode, module.update(oldVNode, vNode)]
61
  }, [oldVNode, vNode], modules)
62
63
  const update = !isUndef(updatedVNode.data) && updatedVNode.data.update || id
64
65
  return update(updatedOldVNode, updatedVNode)
66
}

33
export function recordLicecycleHooks(hooks, component) {
34
  for (const key in hooks) {
35
    if (component[key]) {
36
      hooks[key].push(component[key].bind(component))
37
    }
38
  }
39
}

51
componentDidMount() {
52
  this.props.onStarted();
53
}

233
const withHooks = function withHooks(component, customHooks) {
234
  let rest = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
235
  const customHooksFn = customHooks !== undefined && customHooks !== null ? customHooks : () => {};
236
  return hookupComponent(hooks => component(_objectSpread({}, hooks, customHooksFn(hooks), rest)));
237
};

168
componentDidMount() {
169
  this.runCycleHooks('didMount');
170
}

105
public componentDidMount() {
106
  const { getInternalHooks }: InternalFormInstance = this.context;
107
  const { registerField } = getInternalHooks(HOOK_MARK);
108
  this.cancelRegisterFunc = registerField(this);
109
}

7
constructor(props) {
8
  super(props);
9
  this.runOnUpdateCallback(props);
10
}

3
function Hooks(props) {
4
    // Declare a new state variable, which we'll call "count"
5
    // console.log(props);
6
    const [count, setCount] = useState(0)
7
    const [width, setWithd] = useState(window.innerWidth);
8
    // Similar to componentDidMount and componentDidUpdate:
9
    useEffect(() => {
10
        // Update the document title using the browser API
11
        document.title = `You clicked ${count} times`;
12
        const handleResize = ()=>{
13
            setWithd(window.innerWidth);
14
        }
15
        window.addEventListener('resize', handleResize);
16
17
        // return () => (document.title = "前端精读");
18
19
    },[width]);
20
21
    return (
22
          <div>
23
            
24
              <div>
25
                    <p> 窗口宽度{ width }px</p>
26
                    <p>You clicked {count} times</p>
27
                     setCount(count + 1)}&gt;
28
                      Click me
29
                    
30
              </div>
31
            
32
          </div>
33
    );
34
}

1396
function Hooks(props) {
1397
  _classCallCheck(this, Hooks);
1398
1399
  var _this = _possibleConstructorReturn(this, (Hooks.__proto__ || Object.getPrototypeOf(Hooks)).call(this, props));
1400
1401
  _this.onRender = function (_ref) {
1402
    var current = _ref.current,
1403
        from = _ref.from,
1404
        to = _ref.to;
1405
1406
    if (_this.ref) {
1407
      _this.ref.innerHTML = '\n        from: ' + from.toFixed(2) + ',\n        to: ' + to.toFixed(2) + ',\n        current: ' + current.toFixed(2) + '\n      ';
1408
    }
1409
  };
1410
1411
  _this.onMeasure = function (_ref2) {
1412
    var height = _ref2.height,
1413
        width = _ref2.width;
1414
1415
    _this.setState({ height: height, width: width });
1416
  };
1417
1418
  _this.onRest = function () {
1419
    _this.setState({ isResting: true });
1420
  };
1421
1422
  _this.onRef = function (ref) {
1423
    _this.ref = ref;
1424
  };
1425
1426
  _this.state = {
1427
    isOpened: false,
1428
    isResting: false,
1429
    height: -1,
1430
    width: -1,
1431
    paragraphs: 0
1432
  };
1433
  return _this;
1434
}