Why can't I pass the argument and cause a re-render SVG?

There is an element in which the SVG and function for determining the window width, which sets the width of the SVG
Function handleResize determines the width of the div and assigns the new SVG element c props

//Here is the definition of the width of the SVG
componentDidMount() {
 var width = this.props.width;
}

//In parent
handleResize(e) {
 //Does not work, the width remains the same CoreENGChart
 this.setState({ chart: <coreengchart width="{document.getElementById("mydiv").offsetWidth}"> });
 console.log( document.getElementById("mydiv").offsetWidth );//works, gives the width 
}

componentDidMount(){
 window.addEventListener('resize', this.handleResize);
 //Set state the first time and everything works
 this.setState({ chart: <coreengchart width="{document.getElementById("mydiv").offsetWidth" }>});
}
"'
render() {
 return (
 <div id="mydiv">
{this.state.chart}
</div>
);
 }</coreengchart></coreengchart>


Why can not work?
July 12th 19 at 17:37
1 answer
July 12th 19 at 17:39
Solution
Don't know why, but no complete reset is not rendered again
Decided so, but I would like to understand why
handleResize() {
 this.setState({ chart: "});
 this.setState({ chart: <coreengchart width="{document.getElementById("mydiv").offsetWidth}"> });
}</coreengchart>

Find more questions by tags JavaScriptReactSVG