react-redux get width of component's parent div

Question

This is part of the component : import MyComp from '../../lib/MyComp' const Data = ( { data } ) => (

) How do I get the width of the data-box div inside MyComp container? JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

Check this working demo: JSFiddle: var Parent = React.createClass({ render: function() { return

Hello Parent

; } }); var Child = React.createClass({ componentDidMount: function() { alert('Parent width: ' + this.refs.child.parentNode.clientWidth); }, render: function() { return

Hello Child

; } }); Stating ref="child" will make the element accessable by the component itself, through this.refs.child. It is the vallina node instance. Using this.refs.child.parentNode.clientWidth will return the parent's width. Or, use this.refs.child.parentNode.getBoundingClientRect(). Reference: React refs