来自不同 javascript 文件的引用属性

Question

我想在一个 javascript 文件和另一个 javascript 文件中引用一个属性及其设置的值。我在引用 Challenge.js 文件时收到错误“期望分配或函数调用，而是看到表达式”。

//challenges.js
const challenge1="Hello World";
module.exports

//App.js

import './App.css';
import'./challenges.js';


function App() {
  return (
    <div>
      <header>
        {challenge1}
      </header>
    </div>
  );
}

export default App;

我期待我设置的 Challenge1 值显示在我的反应站点的标题中。

Answer 1

// Challenges.jsx
const Challenges = () => {
    return(
        <>
            "Hello World";
        </>
    )
}

export default Challenges;