我想要根据用户输入的输入更改站点的背景图像。例如,如果用户在纽约、纽约市或纽约键入,则背景图像将更改为NYC的图片。
现在,我有一个带有类的div标记,在CSS文件中,背景图像被设置为来自互联网的url。我已经知道,如果要在.jsx文件中设置内联样式,就需要导入要用作背景图像的文件,但我认为这将是一个乏味的方法,因为我想根据输入呈现数百个图像。因此,如果不使用jQuery (我看到了另一篇类似于这个问题的帖子,但在jQuery中,我已经读过使用jQuery和React并不是一个好主意,我甚至不确定我是否能够让它与我的React设置一起工作),您将如何根据输入值来更改div的背景图像呢?
fun
我正在尝试建立一个使用react.js的网站,我能够渲染图片,但我无法查看图片。我需要些帮助。我正在为一个客户创建一个网站。我正在尝试渲染来自Header.jsx的图像。图片保存在public/Images/Img1.jpg中。我有一个组件文件夹,如App.jsx,CreateArea.jsx,Header.jsx,Footer.jsx和Navbar.jsx。 [图片错误 import React from "react";
import NavbarHeader from "./Navbar";
function Header() {
retu
我是新的反应,我正在使用来构建我的网络应用。我想更改一个类的背景图像,这样如果窗口的宽度<376‘t,它将显示"backgorund_mobile“,当它大于376’t时,它将显示"backgound_desktop”,但它不能工作。我怎么能这么做?请帮帮我。谢谢。
这里是我的代码:
Header.jsx
import React from "react";
import backgound_desktop from '../images/desktop/image-hero.jpg';
function Header(){
retur