React typsescriptでAxiosを用いてAPIでJsonを取得することができました。
そのあとにどうしたらブラウザに表示したらいいのかわかりません。
App.tsx
1import React from 'react'; 2import axios from 'axios'; 3 4export const ApiGet_Simple = (URL:string):any => { 5 axios 6 .get(URL) 7 .then((results) => { 8 console.log(results.data); 9 return results.data; 10 }) 11 .catch((error) => { 12 console.log('通信失敗'); 13 console.log(error.status); 14 return 15 }); 16}; 17 18ApiGet_Simple("http://localhost:8000/products/products/1/") 19function App() { 20 return ( 21 <div> 22 test 23 </div> 24 ) 25} 26 27export default App
ブラウザの開発ツールで
としたJsonを取得できたのですがコンソールではなくブラウザに表示させたいと思っています。
試したこと
App.tsx
1<p>{ApiGet_Simple("http://localhost:8000/products/products/1/")}</p>
とやってみましたが表示できませんでした。
そのため
App.tsx
1const data:any = ApiGet_Simple("http://localhost:8000/products/products/1/")
としたのですが、Undefinedになってしまい、表示することができませんでした。
バックエンドはDjango REST Frameworkで構築しています。
ご教示お願い致します。
回答1件
あなたの回答
tips
プレビュー