React js - рендеринг тормозит

class PageExample extends Component {
    constructor (props) {
        super(props)
        this.state = {
            itemList: [],
            selectedRowId: '',
            modalRowEdit: false
        };
    }
 
    componentWillMount() {
        this.getData();
    }
    
    toggleRowEditModal = (row_id) => {
        this.setState({
            modalRowEdit: !this.state.modalRowEdit,
            selectedRowId: row_id
        });
    };
 
    render() {
        let selected_row = {};
        this.state.itemList.forEach((item, key) => {
            if(item.app.id == this.state.selectedRowId) {
                selected_row = item;
            }
        });
 
        return (
            <WrapperElement>
                <Row>
                    <div className="col-lg-12">
                        <div className="card">
                            <div className="card-header">
                                Example title
                            </div>
                            <div className="card-block">
 
                                {(() => { //Здесь рендерю теблицу и прокидываю нужные методы
                                    if(this.state.itemList.length > 0) {
                                        return <FixedTable rowEditModal={this.toggleRowEditModal} appList={this.state.itemList}  />
                                    }
                                }) ()}
 
                                
                            </div>
                        </div>
                    </div>
                </Row>
 
                // рендерю модальное окно
                {(Object.keys(selected_row).length > 0 ) ? <MyModal toggle={this.toggleRowEditModal} isOpen={this.state.modalRowEdit} app={selected_row} /> : ''}
 
            </WrapperElement>
        );
    }
}
 
export default connect(
    (state, ownProps) => ({
        ownProps,
        acc: state.accountData
    })
)(PageExample)

toggleRowModal = (e) => {
    this.props.rowEditModal(e.target.dataset.appid);
};
 
render() {        
        const app_list = this.props.appList;
 
        return (
            <Table>
                <ColumnGroup fixed={true} header={<Cell>title group</Cell>} >
                    <Column header={<Cell >title col 1</Cell>} fixed={true}  width={200}
                            cell={props => (<Cell {...props}>
                                    <button
                                    data-appid={app_list[props.rowIndex].data.obj_id} 
                                    onClick={this.toggleRowModal}  // открывает модальное окно
                                    >Редактировать</button>
                                </Cell>
                            )}
                    />
                    <Column header={<Cell>title col 2</Cell>} fixed={true}  width={50}
                            cell={props => (<Cell {...props}>
                                    <span>
                                        text
                                    </span>
                                </Cell>
                            )}
                    />
                ...
                </ColumnGroup>
            </table>
        );
}

{(Object.keys(selected_row).length > 0 ) ? <MyModal toggle={this.toggleRowEditModal} isOpen={this.state.modalRowEdit} app={selected_row} /> : ''}