Javascript 如何在react中添加图像

我找不到从URL提供图像的正确语法

<image src='url(' +${this.url}+ ')'
                 style={{
                   height: 'auto',
                   width: '100%'
                 }}></image>

你能告诉我何时使用的来源吗：

${}

，

{}

，“``，”“？

如果它在你放的道具中{this.props.url}

---

如果它在你写jsx的时候，你把

{this.props.url}

放在props里，你所有的javascript代码都应该在

{}

操作符里面

${}

在您使用时使用，即“`”

---

编写jsx时，所有javascript代码都应该在

{}

操作符中

${}

在您使用时使用，即“`”

---

在您的情况下，您应该写：

<image src= {this.url}
             style={{
               height: 'auto',
               width: '100%'
             }}></image>

---

当有变量时使用{}，“，”当它是字符串时使用{}，当你在backquote``

中时使用${}，在你的例子中，你应该写：

<image src= {this.url}
             style={{
               height: 'auto',
               width: '100%'
             }}></image>

当有变量时使用{}，“，”当它是字符串时使用{}，“{}”当在反引号内时使用``

使用模板文本

使用模板文本

---

``如果您不想破坏您的代码或字符串，请主要使用此选项，因为这些代码或字符串通常与

'

或

'

类似

console.log('string text line 1\n' +
'string text line 2');

溶液使用``

console.log(`string text line 1

字符串文本行2`）

${}

在``中使用，等于

+

在

'

{}

是

JSON

语法，用于

样式

对象

，如果要添加内联代码，则只接受

JSON

”

与

”

---

用“而不是”就行了

---

``如果您不想破坏您的代码或字符串，请主要使用此选项，因为这些代码或字符串通常与

'

或

'

类似

console.log('string text line 1\n' +
'string text line 2');

溶液使用``

console.log(`string text line 1

字符串文本行2`）

${}

在``中使用，等于

+

在

'

{}

是

JSON

语法，用于

样式

对象

，如果要添加内联代码，则只接受

JSON

”

与

”

---

用“而不是”就行了

---

因为html属性不能像

myattr='my'+dynamic+'值那样串联起来

React为我们提供了使用动态值的大括号：

<image src={'url(' + this.url + ')'} />

要在模板文本中使用变量，我们使用

${variable\u name}

---

此外，我怀疑这里的url（）函数，您在任何地方定义过吗？否则，您不应使用，只需使用：

<image src={this.url} />

src的值只是图像的路径

src=“path.jpg”

，而不是

src=“url（path.jpg）”

---

另外，图像是一个组件吗？否则，它应该是

标记而不是

。如果

image

是一个组件，那么我建议您在组件中使用大写名称，即使它们是功能组件。

因为html属性不能像

myattr='my'+dynamic+'值那样串联起来

React为我们提供了使用动态值的大括号：

<image src={'url(' + this.url + ')'} />

要在模板文本中使用变量，我们使用

${variable\u name}

---

此外，我怀疑这里的url（）函数，您在任何地方定义过吗？否则，您不应使用，只需使用：

<image src={this.url} />

src的值只是图像的路径

src=“path.jpg”

，而不是

src=“url（path.jpg）”

---

---

另外，图像是一个组件吗？否则，它应该是

标记而不是

。如果

image

是一个组件，那么我建议您在组件中使用大写名称，即使它们是功能组件。

为什么省略

url

函数？因为您不需要它。除非url是您自己的函数之一，并且您对url应用自定义更改。但是url肯定是一个保留字。为什么省略

url

函数？因为您不需要它。除非url是您自己的函数之一，并且您对url应用自定义更改。但url肯定是一个保留字。此语法不合法：

src=

${this.url}``我从eslint得到警告：

解析错误：JSX值应该是表达式或引用的JSX文本

此语法不合法：

src=

${this.url}``我从eslint得到警告：

解析错误：JSX值应该是表达式或引用的JSX文本

谢谢。你能给我一个关于这个图像的具体问题的答案吗？因为这个图像是来自互联网的URL，而不是在我的本地机器上。还是没关系？没关系，你可以不用

url（）

使用

url（）

当我们使用css设置背景图像时，我们主要使用

url（）

。谢谢。你能给我一个关于这个图像的具体问题的答案吗？因为这个图像是来自互联网的URL，而不是在我的本地机器上。还是没关系？没关系，你可以不用

url（）

使用

url（）

当我们使用css设置背景图像时，我们主要使用

url（）

。我看不到图像。当我这样做时：

它正在工作。高度-宽度应该是1000px。感谢它仍然不工作。我甚至尝试过：

您可以尝试打开损坏的图像，看看路径是否正常。这是因为当我将其用作背景图像时，它工作正常。我看不到图像。当我这样做时：

它正在工作。高度-宽度应该是1000px。感谢它仍然不工作。我甚至尝试过：

您可以尝试打开损坏的图像，看看路径是否正常。这是因为当我将其用作背景图像时，它工作正常。

<image src={this.url} />