Question

我是一个非常新的反应者，并且仍在尝试看看如何过渡到这种新架构。

现在，我有一个简单的组件，即将返回一组元素（仅用于测试目的）：

class FrontendCategoriesListing extends Component
{
    render()
    {
        return(
            [
                <h1>
                    First information
                </h1>,
                <h2>
                    Second information
                </h2>,
                < >
                    Third information
                </ >,
                <div>
                    Fourth information
                </div>
            ]
        );
    }
}

export default FrontendCategoriesListing;

在我的项目中，无论何时何地，我现在都能很好地显示所有元素。但我的目标是仅显示一个元素（如果需要）。例如：在某些情况下，我只想显示：

<div>
    Fourth information
</div>

问题是在我使用此组件的地方，它仅显示所有元素。我尝试使用像语法这样的数组来显示，例如[0]或[2]，但随后什么也不显示。有没有办法使用这种架构来做到这一点？还是我应该使用另一种架构。非常重要的一点是，我只使用一个组件传递想要的尽可能多的元素。

谢谢

Answer 1

Here's good info about Heroku filesystem

简而言之，您不能依靠它。

您也可以使用AWS S3，Azure Blob Storage，Google Storage。

另一个想法是将图像转换为dataUrl并将其（包含有关文件的所有相关信息）放入免费层数据库（例如MongoDB Atlas）中。不幸的是，这需要额外的实现

是否可以只显示来自返回数组的react组件的一个数组键？

1 个答案: