resize如何改变高度？

[maoyr]

elementResizeEvent(this.refs.echartsDom, function() {
            let div = document.getElementById(id),
                width =
 div.style.width|| div.clientWidth || div.offsetWidth || div.scrollWidth,
                height = width * 0.5;

            this.setState = {
                width:width,
                height:height
            }
            echartObj.resize();
        });
//-------------------------------------------------------------------
 render() {
        let  style = {width:this.state.width,height:this.state.height} || {height: '300px'};
        // for render
       return (
            <div id={this.state.id}
                 ref='echartsDom'
                 style={style}
                 />
        );
    }
//------------------------------------------------------------------

我想实现的效果是宽高比一定，高度随宽度变化而变化。
使用this.setState也没用，因为componentDidMount后不再render了。
请问这该怎么解决呀？

[hustcc]

传入style属性，或者设置classname，然后在css中设置高度…