1、React样式

110 阅读1分钟

1、style使用对象的的方式引入

语法:style={{ 属性: 值 }}

import React, { Component } from 'react'

export default class style extends Component {
    render() {
        return (
            <div style={{ fontsize: '10px' }, { color: 'red' }}>
                1212
            </div>
        )
    }
}

2、引入样式表

语法:className="类名"

import React, { Component } from 'react'
import  './test.css'

export default class style extends Component {
    render() {
        return (
            <div className="font">
                1212
            </div>
        )
    }
}