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

Question

i am using two import statements for importing from another file.

below is the import statements.

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

As you see from above code, i am importing TITLE, Username, Password from constants file how can put these two import statements to one.

could someone help me with this. thanks.

Answer 1

You can do it as a single import. See the below snippet

Constants.js

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

App.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>
  );
}