mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
24 lines
523 B
JavaScript
24 lines
523 B
JavaScript
|
import React, { Component } from 'react'
|
||
|
|
import { StyleSheet, css } from 'next/css'
|
||
|
|
|
||
|
|
export default class CrazyCSS extends Component {
|
||
|
|
spans () {
|
||
|
|
const out = []
|
||
|
|
for (let i = 0; i < 1000; i++) {
|
||
|
|
out.push(<span key={i} class={css(styles[`padding-${i}`])}>This is ${i}</span>)
|
||
|
|
}
|
||
|
|
return out
|
||
|
|
}
|
||
|
|
|
||
|
|
render () {
|
||
|
|
return <div>{this.spans()}</div>
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const spanStyles = {}
|
||
|
|
for (let i = 0; i < 1000; i++) {
|
||
|
|
spanStyles[`padding-${i}`] = { padding: i }
|
||
|
|
}
|
||
|
|
|
||
|
|
const styles = StyleSheet.create(spanStyles)
|