如何在 Reactjs 中将组件放置在组件之上答案

【问题标题】：How to place components over components in Reactjs如何在 Reactjs 中将组件放置在组件之上
【发布时间】：2023-01-13 11:24:10
【问题描述】：

我有一个名为App的组件，还有一个名为Interface的组件，如何将Interface放在中心的App之上并导出？

我现在的代码：

export default function foo() {
    return (
      <article>
        <picture>
          <source media="(min-width: 0px)" srcSet={App} />
          <img src={App} alt="background" />
        </picture>
        <Interface/>
      </article>
    )
}

而且它不起作用，App 只显示文本“背景”，Interface 在 App 下。

我是 React 和 HTML 的新手，所以非常感谢您的帮助！

【问题讨论】：

组件不能是 img 标签中的 src。

标签： html reactjs components

【解决方案1】：

让我在这里为您提供一些指导：

1.) 学习 React 很棒，但是由于您是 Web 开发的新手，我强烈建议您首先学习使用 vanilla html、vanilla javascript 和 css 制作网站。它将为您提供进入 React 所需的基础知识。

2.) 当您询问将界面放在应用程序之上时，您是在询问如何使界面显示在呈现页面上的应用程序上方，还是在询问如何移动它在代码中的位置？另外，我不确定您为什么将应用程序组件作为图像的来源。您应该从包含您的资产的文件夹中导入图像并改用它。

【讨论】：