使用 reactjs 为网页添加背景

Question

我正在尝试使用 reactjs 为网页添加背景。 但是，我在使用正确的 HTML 脚本时遇到了问题。 我已经将一个常量变量的值设置为一个元素，但我不确定为什么要把它放在我的 HTML 脚本中以便在编译后显示背景。

import { animals } from './animals';
import React from 'react';
import ReactDOM from 'react-dom';

const title = (name === '' ? 'Wyatt Railey': name);
const animalFact = (<div background:{background}>
  <h1>
    {title}
  </h1>
</div>);
const background = <img className='background'
alt='ocean'
src='./images/ocean.jpg' />

ReactDOM.render(animalFact, document.getElementById('root'));

Answer 1

我不确定它是否有效

background:{background}

大概是指

background={background}

但是，我仍然认为它仍然不正确，因为您没有使用任何包来使后台工作。 我建议使用 css。

如果你想设置背景，我会建议两种方法，

• 添加img ，并添加 css 使其固定在页面上，负z-index不干扰页面，
• 或者，简单地使用 css 在父组件中添加背景图像（由 ReactDOM.render 渲染）