Using CSS transform: translate(…) with ReactJS

Translate also wasn’t working for me. I fixed it by adding ‘px’ behind the var.

ES6 code:

render() {
    const x = 100;
    const y = 100;
    const styles = { 
        transform: `translate(${x}px, ${y}px)` 
    };

    return (
        <div style={styles}></div>
    );
}