#26 Sử Dụng Axios Để Gửi Request API từ React.JS | React Cơ Bản Cho Beginners Từ A đến Z

[@hoidanit]

🌹Bạn nào muốn donate hay mua cho mình cốc cà phê, cái pizza hay chỉ là gói mì tôm hảo hảo, dùng link này nhé: hoidanit.vn/donate 👉 Version 2 - Upgrade với React Hook(FREE), xem tại đây: kzbin.info/aero/PLncHg6Kn2JT7QbvdNNAmQZLqWchnJEoH5 Đây là video #26 trong series học và thực hành để nắm vững React căn bản. 👉Xem Full Playlist này tại đây: kzbin.info/www/bejne/Y3ioaKuwp5yNgcU 👉 Cần giải đáp thắc mắc, cũng như hỗ trợ, tham gia group Facebook : facebook.com/groups/hoidanit 👉Các bạn đăng ký kênh, Like cũng như comment để mình có thêm động lực làm video nha. Cảm ơn mọi người ❤ 👉Chanel khác của mình (Tiếng anh): kzbin.info/door/HqJxLo7mKam9GKqqwr2wfA

[@chinhphuc9847]

lướt nhiều kênh thấy mỗi cách giải thích của ad là dễ hiểu nhất :))

[@hoidanit]

cảm ơn bạn nhiều nha.hehe

[@hellosayy2725]

Em thấy cách a chia sẻ kiến thức rất rõ ràng và hài hước, ra nhiều vid nhé a :))

[@hoidanit]

cảm ơn bạn đã ủng hộ :v

[@trananhquan7149]

Cảm ơn anh nhiều! Anh chia sẻ rất dễ hiểu và bổ ích

[@hoidanit]

cảm ơn em.hehe

[@nguyenhopper8588]

Qúa là xịn xò con bò luôn =))

[@oanuchai2752]

Em đọc a xốc anh ạ kk

[@hoidanit]

ahihi :v

[@hoanglt126]

ráng cày đer thành fullstack 😅😅😅

[@hoidanit]

ahihi :v

[@huymilano1420]

Anh ơi cho em hỏi với.Em render được dữ liệu lên trình duyệt rồi nhưng bật network lên lại ko hiện dữ liệu nữa

[@hoidanit]

em post câu hỏi lên group fb hỏi dân it nhé. chứ anh cũng chẳng hiểu em muốn hỏi gì :v

[@truonghoanglong541]

4:09 em xem hết playlist rồi mà vẫn chưa thấy anh làm axios với redux ạ.

[@hoidanit]

ko cần thiết e. khoá này là basic. chỉ cần hiểu cách hoạt động là đc. react là chủ đạo, redux là phụ. còn cái e hỏi thì trong khoá fullstack a cover rồi nhé

[@phanthanhhiep2539]

em bị lỗi khi chèn api có http do bị chặn em phải sửa ntn ạ ?

[@hoidanit]

lỗi gì bạn ?

[@cuongthieutran7579]

Học xong khóa này xong em sang khóa hook luôn được không ạ

[@hoidanit]

được luôn e nhé

[@chitam727]

làm sao để bấm bào Object object nó xổ ra như của anh thế, em cũng xuất ra đc Object object mà ko bấm vào dc, dùng JSON.stringify() thì nó ra ko giống của a

[@hoidanit]

đoạn nào trong video thế bạn (nó phụ thuộc vào data muốn console.log)

[@chitam727]

@@hoidanit e fix dc r anh, nó là sự khác nhau giữa console.log(`check: ${this.props}`) với console.log('check: ', this.props) =))

[@hoidanit]

@@chitam727 khác nhau rõ ràng mà. 1 cái là chỉ in ra chuỗi string, 1 cái là in giá trị của biến số

[@hoangthaitran416]

anh ơi sao em install axios nó báo lỗi vậy anh

[@hoidanit]

lỗi gì thì comment ra em. chứ em hỏi a, a biết hỏi ai :v

[@hongsonnguyen9620]

cái này khác gì tiện lợi hơn fetch vậy anh

[@hoidanit]

khi nào e thấy fetch nó ko đáp ứng đc nhu cầu của e thì chuyển qua axios :v

[@hongsonnguyen9620]

@@hoidanit dạ @@

[@trinhduong-he5xz]

em bị lỗi Compiled with problems:X ERROR in ./src/views/Users/ListUser.js 5:0-26 Module not found: Error: Can't resolve 'axios' in 'C:\Users\buidu\OneDrive\Máy tính\project eact-basic-project\src\views\Users' thì sửa sao nhỉ mn ơi

[@hoidanit]

tập đọc lỗi đi bạn

[@trinhduong-he5xz]

@@hoidanit dạ vâng em làm được r ạ

[@DungTran-di5wu]

Đường link fake Api không còn truy cập được nữa

[@hoidanit]

comment giúp a đoạn nào trong video đấy em. có time a fix sau :v

[@52-nguyenhaiquan15]

sao a k dùng func component mà vẫn dùng class component vậy ạ, tại e thấy các khóa a dạy khá là mới

[@hoidanit]

thanh niên xem nhảy cóc rồi. vì ngay từ đầu khóa học, a đã giải thích rồi còn gì: kzbin.info/www/bejne/qHPPgpqQo8eeaaM câu trả lời là vì theo quan điểm của a, 1 bạn học class => có thể học hook dễ dàng, trong khi điều ngược lại thì ko đúng :v anyway, trong tương lai thì channel của a có dạy cả class/hook e nhé

[@52-nguyenhaiquan15]

@@hoidanit tại e đang muốn học về axios nên tra ra vid của a, e xem mấy vid thấy a dùng class cp nên e thắc mắc thôi ạ

[@hoidanit]

@@52-nguyenhaiquan15 quan trọng là cách hiểu e nhé (cách tư duy). chứ chạy theo công nghệ là hơi dại đấy e :v

[@quyluong4665]

npm ERR! code ETARGET npm ERR! notarget No matching version found for react-router-dom@^16.8.6. npm ERR! notarget In most cases you or one of your dependencies are requesting npm ERR! notarget a package version that doesn't exist. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\DELL\AppData\Local pm-cache\_logs\2022-08-20T12_39_42_860Z-debug-0.log e install k dc a ơi a chỉ e với, e cảm ơn ạ!

[@hoidanit]

check version đi em

[@hungle2732]

bạn thử thêm --force nha mình cũng giống v mà bây h làm được rồi á

[@quyluong4665]

@@hungle2732 no bao: '--force' is not recognized as an internal or external command, operable program or batch file.

[@hungle2732]

@@quyluong4665 bạn xem thử nó thiếu gì k chứ lệnh này k dùng được là nó sai sai sao á

[@Neilads0706]

mình cài npm install --save-exact axios@0.21.4 thì bị lỗi này fix giúp mình vs npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @testing-library/react@13.4.0 npm ERR! Found: react@17.0.2 npm ERR! node_modules/react npm ERR! peer react@"17.0.2" from react-dom@17.0.2 npm ERR! node_modules/react-dom npm ERR! peer react-dom@">=16" from react-toastify@9.1.3 npm ERR! node_modules/react-toastify npm ERR! react-toastify@"^9.1.3" from the root project npm ERR! react-dom@"17.0.2" from the root project npm ERR! peer react@">=15" from react-router@5.2.1 npm ERR! node_modules/react-router npm ERR! react-router@"5.2.1" from react-router-dom@5.3.0 npm ERR! node_modules/react-router-dom npm ERR! react-router-dom@"5.3.0" from the root project npm ERR! 5 more (react-router-dom, mini-create-react-context, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^18.0.0" from @testing-library/react@13.4.0 npm ERR! node_modules/@testing-library/react npm ERR! @testing-library/react@"^13.4.0" from the root project npm ERR! npm ERR! Conflicting peer dependency: react@18.2.0 npm ERR! node_modules/react npm ERR! peer react@"^18.0.0" from @testing-library/react@13.4.0 npm ERR! node_modules/@testing-library/react npm ERR! @testing-library/react@"^13.4.0" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\PC\AppData\Local pm-cache\eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\PC\AppData\Local pm-cache\_logs\2023-05-28T04_02_41_138Z-debug-0.log

[@hoidanit]

bạn thêm cái --legacy-peer-deps vào cuối câu lệnh cài đặt là đc npm install --save-exact axios@0.21.4 --legacy-peer-deps

[@Neilads0706]

@@hoidanit thank a nhé

[@tannguyen-pl8on]

hay quá

[@hongsonnguyen9620]

{this.state.list && this.state.list.length > 0 && { this.state.list.map((item) => { return ( {item.id} {item.email} {item.first_name} {item.last_name} ) }) } } em render nó ra table mà nó warning là "img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text" thì làm sao anh

[@hongsonnguyen9620]

à chatgpt bảo thêm thuộc tính alt hiih

[@hoidanit]

haha

[@nguyentheanh007]

Lỗi này là sao vậy anh, em fix ko đc, anh chỉ em vs ạ PS D: eactApp eactBasic> npm install --save-exact axios@0.21.4 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @testing-library/react@13.4.0 npm ERR! Found: react@17.0.2 npm ERR! node_modules/react npm ERR! peer react@"17.0.2" from react-dom@17.0.2 npm ERR! node_modules/react-dom npm ERR! peer react-dom@">=16" from react-toastify@8.0.2 npm ERR! node_modules/react-toastify npm ERR! react-toastify@"8.0.2" from the root project npm ERR! react-dom@"17.0.2" from the root project npm ERR! peer react@">=15" from react-router@5.2.1 npm ERR! node_modules/react-router npm ERR! react-router@"5.2.1" from react-router-dom@5.3.0 npm ERR! node_modules/react-router-dom npm ERR! react-router-dom@"^5.3.0" from the root project npm ERR! 5 more (react-router-dom, mini-create-react-context, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^18.0.0" from @testing-library/react@13.4.0 npm ERR! node_modules/@testing-library/react npm ERR! @testing-library/react@"^13.4.0" from the root project npm ERR! npm ERR! Conflicting peer dependency: react@18.2.0 npm ERR! node_modules/react npm ERR! peer react@"^18.0.0" from @testing-library/react@13.4.0 npm ERR! node_modules/@testing-library/react npm ERR! @testing-library/react@"^13.4.0" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\Admin\AppData\Local pm-cache\eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Admin\AppData\Local pm-cache\_logs\2023-02-15T03_38_53_754Z-debug-0.log

[@hoidanit]

bạn cài với yarn xem

[@nguyentheanh007]

@@hoidanit dạ em cài đc rồi, em cảm ơn ạ

[@trinhduong-he5xz]

@@nguyentheanh007 cài sao vậy bạn