2022-02-18 学习记录--React-HTML中style样式写法

React-HTML中style样式写法

example1：

example2：

scenesPage.jsx

import {ScenesCfg} from '@src/utils/constants';

<div className="sceneBackground" style={{ backgroundImage: `url(${ScenesCfg[this.state.scenesId].background})` }}></div>

utils/constants

import {RES_PATH} from '../../sparkrc.js';

// 场景主题和对应标签
export const ScenesCfg = [
    {
        title: '风扇西瓜，快乐到家',
        background: `${RES_PATH}海报页/scene1.png`,
    },
    {
        title: '雪糕冰棍，幸福一夏',
        background: `${RES_PATH}海报页/scene2.png`,
    },
    {
        title: '小小池塘，大大天地',
        background: `${RES_PATH}海报页/scene3.png`,
    },
    {
        title: '追逐萤火，存储星光',
        background: `${RES_PATH}海报页/scene4.png`,
    },
    {
        title: '夏夜乘凉，拥抱晚风',
        background: `${RES_PATH}海报页/scene5.png`,
    },
]

These are bilibili尚硅谷React学习视频的 学习笔记~