Расчет высоты блока в js коде

Код ниже генерирует блочные элементы, при создании элемента я у style высоту передаю переменную hHeight, которая берет 100% высоты и делю ее на количество генерируемых элементов, все хорошо, но дело в том что эта операция не берет во внимание margin-bottom который у меня у px (1px после каждого блока). Как я могу в этой операции

`let hHeight = (100 / this.props.blocks) + '%';`    

добавить значение каждого margin у px, чтобы получилось что-то вроде CSS height: calc(100%/this.props.blocks - <все margin по 1px>)

createBlock = () => {
            let items = [];
            let hHeight = (100 / this.props.blocks) + '%';
            console.log(hHeight);
            for(let i=0;i< this.props.blocks;i++){
                items.push(<div
                    key={i}
                    style={{
                        backgroundColor: this.props.backColor,
                        height: hHeight}}
                        className={'element'}> </div>)}
            return items;
        };