javascript - 如何使用一个import语句而不是多个使用react和javascript？

Question

我正在使用两个导入语句从另一个文件导入。

下面是导入语句。

import {TITLE AS TI} from '../constants';
import {Username, Password} from '../constants';

正如您从上面的代码中看到的，我正在从常量文件中导入 TITLE、用户名、密码，如何将这两个导入语句合二为一。

有人可以帮我解决这个问题。谢谢。

标签： javascriptreactjs

Answer 1

您可以将其作为单个导入来完成。请参阅下面的片段

常量.js

export const TITLE = "Test Title";
export const username = "johndoe";
export const password = "test";

应用程序.js

import { TITLE as TI, username, password } from "./Constants";
export default function App() {
  return (
    <div>
      {TI}
      <p>
        <b>username</b>: {username}
      </p>
      <p>
        <b>password</b>: {password}
      </p>
    </div>
  );
}