import React from "react";
import ReactDOM from "react-dom";
var bImg = prompt("Which image do you want to set as background image?");
const bStyle = {
backgroundImage: "url(bImg)" // i stored the link here
};
const rootElement = document.getElementById("root");
ReactDOM.render(
<div style={bStyle}> // I stored it here but still it won't show up
<h1>Hello world!!</h1>
</div>,
rootElement
);
其余部分工作正常,但背景图像不会从我在提示中输入的 URL 加载。该错误表明“bImg”已赋值,但未使用。
最佳答案
输出:
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
ReactDOM.render(<App />, document.getElementById("root"));
var bImg = prompt("Which image do you want to set as background image?");
const bStyle = {
backgroundImage: `url(${bImg})` // i stored the link here
};
const rootElement = document.getElementById("root");
ReactDOM.render(
<div style={bStyle}>
// I stored it here but still it won't show up
<h1>Hello world!!</h1>
</div>,
rootElement
);
关于javascript - 我试图在 jsx-react 中动态添加图像,但它不会显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65103820/