动态生成表头时候className={'th_div'}中th_div样式无效，怎么才能解决？

Question

let tableHead = this.state.tableHead && this.state.tableHead.length !== 0
            && this.state.tableHead.map(function (head,index) {
                return (<th className={'th_div'} style= {{
                    ...thStyle,
                    width:tableUnitWidthSize.get(index)
                }} key={index}>{tableHeadTextMap.get(head)}</th>)
            })

.th_div {
    textAlign: 'center';
    fontSize: 20px;
    height:32px;
    color: rgba(42,244,255,1);
    backgroundColor: rgba(39,147,252,0.3);
}

Answer 1

生成的时候做整个页面的重新渲染

Answer 2

你写的不是class，应该用style