ホーム>source

必要な反応コードAPIを以下に示します。 https://api2-4ofagodxfq-uc.a.run.app/locality?stateName=KARNATAKA&districtName=BANGALORE&pinCode=560001

ここで、テキストボックスに560001と入力すると、上記のAPIにヒットし、テキストボックスからvalue(560001)を取得して変数に割り当てます。 例えば:

<前>ウィズウィズ axios.get(`https://api2-4ofagodxfq-uc.a.run.app/locality?stateName=KARNATAKA&districtName=BANGALORE&pinCode=${pincode}`)
あなたの答え
  • 解決した方法 # 1

    どうぞ

    <前>ウィズウィズ import React, { useState } from "react"; import axios from "axios"; const App = () => { const [value, setValue] = useState(''); const [locations, setLocations] = useState([]); const handleSubmit = async () => { if(value === "") return; let response = await axios.get(`https://api2-4ofagodxfq-uc.a.run.app/locality?stateName=KARNATAKA&districtName=BANGALORE&pinCode=${value}`); if(response.status === 200) setLocations(response.data); } return <div> <input type="text" onChange={e => setValue(e.target.value)}/> <button type="button" onClick={handleSubmit}></button> {locations.map((location, index) => { return <p key={index}>{location}</p> })} </div> } export default App;

  • 前へ java - JPAクエリ:サブクエリをグループ化条件に結合する
  • 次へ macos - Mac OSでギリシャ文字を入力するためのオプションキーを無効にする方法