..

src/client/src/App.js

@@ -9,7 +9,7 @@ function App() {
       <BrowserRouter>
         <MainRouter />
           <Switch>
-            <Route path="/problems" component={Problems}/>
+            <Route path="/problems/:id" component={Problems}/>
           </Switch>
       </BrowserRouter>
     </AuthProvider>

src/client/src/core/Warning.jsx

@@ -67,13 +67,16 @@ function Warning() {
                         >
 
                             {courses.map((course, i) => (
-                                <option key={i} value={i}>
+                                <option key={i} value={course._id}>
                                     {course.name}
                                 </option>
                             ))}
                         </Form.Control>
                         <div className="text-right">
-                            <Link to="/problems">
+                            <Link to={{
+                                pathname: `/problems/${course.value}`,
+                                state: ` _id: ${course.value}`
+                            }}>
                             <a className="btn btn-danger">Quiz Start</a>
                             </Link>
                             {/* <a href="#" class="card-link">Another link</a> */}

src/client/src/quiz/Problems.jsx

@@ -216,3 +216,19 @@
 // // }
 
 // // export default Problems;
+
+
+import React, { useState, useEffect } from 'react'
+import { Link, Redirect } from 'react-router-dom';
+// import Timer from 'react-compound-timer'; // 타이머쓰기위해 import
+import Quiz, {quiz} from './Quiz'
+
+function problems(props){
+    console.log(props)
+    Quiz()
+    
+return <div>테스트
+    {console.log('qquiz=')}
+</div>
+}
+export default problems
\ No newline at end of file