CSS transform: translate(...) を ReactJS で使用する 質問する

CSS transform: translate(...) を ReactJS で使用する 質問する

によるとインラインスタイル

CSS スタイルは、オブジェクトとしてコンポーネントに渡す必要があります。ただし、変換スタイルを使用しようとすると、エラーが発生します。

ベストアンサー1

翻訳も機能しませんでした。var の後ろに「px」を追加して修正しました。

ES6 コード:

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

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

おすすめ記事