ref in React

Березень 20, 2018 by admin

Tweet

Example use

changeLocationOfContainers = () => { const headHeight = this.header.getBoundingClientRect().height; this.setState({ specsPaddingTop: DEFAULT_SPECS_PADDING_TOP + headHeight, roomsTop: DEFAULT_ROOMS_TOP + headHeight, }) };

1 2 3 4 5 6 7

changeLocationOfContainers = () => {     const headHeight = this.header.getBoundingClientRect().height;     this.setState({       specsPaddingTop: DEFAULT_SPECS_PADDING_TOP + headHeight,       roomsTop: DEFAULT_ROOMS_TOP + headHeight,     })   };

 

<div ref={n => this.header = n} style={headBarContainer}>

1	<div ref={n => this.header = n} style={headBarContainer}>