Expected an assignment or function call and instead saw an expression

Jordan Casanova

I am very new to react, and even custom code as a whole. I am trying something very simple:

I want to set a property in one Javascript file, and reference that property (and the value it contains) in another javascript file.

I have attached the code below I am referring to. I continue to get the error in reference to my challenge.js file, "Expected an assignment or function call and instead saw an expression."

//App.js
import './App.css';
import'./challenges.js';
???????function App() {
  return (
    
      
        {challenge1}
      
    
  );
}
export default App;
//challenge.js
const challenge1="Hello World";
exports.module

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Tahir Ansari2y ago
First, in challenge.js, you should use module.exports instead of exports.module. Here's the corrected challenge.js file:
```
const challenge1 = "Hello World";
module.exports = challenge1;
```
Next, in App.js, you can import the challenge1 variable like this:
```
import './App.css';
import challenge1 from './challenge.js';

function App() {
  return (
    
      
        {challenge1}
      
    
  );
}

export default App;
```
With these changes, you should be able to import the challenge1 variable from challenge.js into App.js and use it without any errors.
0