मैं कार्यात्मक घटक में axios विधि का उपयोग कर रहा हूँ .. मैंने अपनी परियोजना में कोशिश की है ... यह ठीक से काम नहीं कर रहा है .... यह एक त्रुटि फेंक रहा है ... जैसे पाठ्यक्रम परिभाषित नहीं हैं ... कृपया इस प्रश्न पर सहायता करें। ... मैं बैक एंड से डेटा प्राप्त करना चाहता हूं जिसका उपयोग मैंने यूआरएल का उपयोग किया है ...

import React, { useState, useEffect } from 'react';

const Example =() => {
 const [users, setUsers] = useState([])
 useEffect(()=> {
    Axios.get("https://www.example.com/users/id/")
            .then(response => {
               this.setState({ courses: response.data })
                // console.log(response.data)
            })
            .catch(error => {
                console.log(error)
            })
 }, [])   

 return (
            <div>
             <Col xl={12} lg={12} md={12} sm={12} xs={12}>
                    <div className="main-boxes">
                        <div className="index-box-head">
                            3. Courses
                                </div>
                        <div className="course-index-boxes">
                            <div className="scrolling-data">
                                <List>
                                    {courses.map((course, key) => (
                                        <ListItem className="button-class" button key={key}>
                                            <NavLink className="link-levels" exact activeClassName="activeclass" to={course.diploma_url}>
                                                {course.diploma_course}
                                            </NavLink>
                                        </ListItem>
                                    ))}

                                </List>
                            </div>
                        </div>
                    </div>
                </Col>
            </div>
         )
}
export default Example
-1
Manu Panduu 14 मार्च 2020, 15:03

1 उत्तर

सबसे बढ़िया उत्तर

आपके पास this नहीं है, यह कक्षा नहीं है तो आपको इसे इस तरह प्राप्त करना चाहिए:

const Example =() => {
  const [courses, setCourses] = useState([]);
  useEffect(()=> {
    Axios.get("https://www.example.com/users/id/")
      .then(response => {
         setCourses(response.data);
         // console.log(response.data);
      })
      .catch(error => {
        console.log(error);
      })
  }, []);

बाद में:

{courses.map((course, index) => (                                        
  <ListItem className="button-class" button key={index}>
    <NavLink
      className="link-levels"
      exact
      activeClassName="activeclass"
      to={course.diploma_url}
    >                                                
      {course.diploma_course}
    </NavLink>
  </ListItem>
))}
1
Drew Reese 14 मार्च 2020, 23:09