From ae69b307ac843ec27461369063dbcd0e4306c29d Mon Sep 17 00:00:00 2001
From: Jaylou Rasonabe <100252318+JlordS32@users.noreply.github.com>
Date: Wed, 26 Apr 2023 22:40:31 +1000
Subject: [PATCH] Update 10_react_project_folder_structure.md
missing ' on " import React from 'react "
---
.../10_react_project_folder_structure.md | 10 +++++-----
1 file changed, 5 insertions(+), 5 deletions(-)
diff --git a/10_React_Project_Folder_Structure/10_react_project_folder_structure.md b/10_React_Project_Folder_Structure/10_react_project_folder_structure.md
index a49aeb0..bb43f2d 100644
--- a/10_React_Project_Folder_Structure/10_react_project_folder_structure.md
+++ b/10_React_Project_Folder_Structure/10_react_project_folder_structure.md
@@ -66,7 +66,7 @@ In the above snippet of code, we have the App component. Let's create the App co
```js
// src/App.js
-import React from 'react
+import React from 'react'
const App = () =>
Welcome to 30 Days Of React
```
@@ -76,7 +76,7 @@ We just add the keyword export before _let_ or _const_ to make a named export.
```js
// src/App.js
-import React from 'react
+import React from 'react'
// named export in arrow function
export const App = () => Welcome to 30 Days Of React
@@ -86,7 +86,7 @@ Exporting in a function declaration, a regular function
```js
// src/App.js
-import React from 'react
+import React from 'react'
// named export in regular function, function declaration
export function App () {
return Welcome to 30 Days Of React
@@ -109,7 +109,7 @@ We saw a named export and now let's implement it with default export. We can do
```js
// src/App.js
-import React from 'react
+import React from 'react'
// export default in arrow function
export default const App = () => Welcome to 30 Days Of React
@@ -117,7 +117,7 @@ export default const App = () => Welcome to 30 Days Of React
```js
// src/App.js
-import React from 'react
+import React from 'react'
// export default in arrow function
export default function App () {
return Welcome to 30 Days Of React