小编Jak*_*ttk的帖子

我将 CSS 模块 ( .scss) 与 Next.js 一起使用，并且有一个 kebab 命名约定。换句话说，是这样的：

.member-btn {
    background: #fff;
}

我面临的问题是，为了使用它，className我必须像styles["member-btn"]. 例如

.member-btn {
    background: #fff;
}

但是，我想将它与对象一起使用styles.memberBtn并像对象一样使用它（IDE​​ 也为此提供了内置支持）。例如

<Button className={styles["member-btn"]}>
    Hello world
</Button>

这在 Next.js 中可能吗？

周围有很多讨论'array_merge(...)' is used in a loop and is a resources greedy construction.

对于简单数组，有一个使用扩展运算符的简单解决方案。例如

$arraysToMerge = [ [1, 2], [2, 3], [5,8] ];
$arraysMerged = array_merge([], ...$arraysToMerge);

但是，我的问题是，在以下情况下我找不到避免这种情况的方法：

假设您有一个用户列表，并且每个用户都有多个社交媒体帐户。

您将如何创建一个包含所有用户的所有社交媒体帐户的数组？我发现的唯一解决方案是这样的：

$allSocialMediaAccounts= [];
foreach ($users as $user) {
    $allSocialMediaAccounts= array_merge($accounts, $user['socialMediaAccounts']);
}

我正在开发一个 Gatsby 应用程序，它实现了一些 3rd 方 API，所有这些 API 都需要个人凭据。稍后我还计划添加一个数据库，因此也需要凭据。由于我的所有代码都提交给 GitHub，我正在寻找一种以安全方式存储和访问这些代码的方法。

虽然我还没有部署我的应用程序，但该解决方案应该适用于本地开发和生产。

我想提一下，过去我从来没有（有机会）处理过类似的问题，因此我什至不知道去哪里寻找或我应该寻找什么来解决这个问题。