在我的反應原生項目中顯示 object 和 axios 給出未定義

Question

我試圖從 PHPMyAdmin 然后 output 在我的 react native 項目中獲取請求數據，我使用 response.data.username，但我沒有定義。

 const getInfo = () => { axios.get("https://luxrealest.com/includes/user_registration.php").then( (response) => { console.log(response.username); setDataInfo(response.data.username + " " + response.data.email); }) } getInfo()

 <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.24.0/axios.min.js" integrity="sha512-u9akINsQsAkG9xjc1cnGF4zw5TFDwkxuc9vUp5dltDWYCSmyd0meygbvgXrlc/z7/o4a19Fb5V0OUE58J7dcyw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

預期的

Object {
  "": Object {
    "email": "myke@myke.com",
    "id": "11",
    "username": "myke",
  },
  "1": Object {
    "email": "aisosa.erharuyi11@gmail.com",
    "id": "12",
    "username": "General.Bigman",
  },
  "2": Object {
    "email": "amiatorjay@gmail.com",
    "id": "13",
    "username": "Jaycee",
  },
}

Answer 1

鑒於數據的形狀，您需要像這樣迭代此 object：

 for (let key in response.data) {
     setDataInfo(response.data[key].username + " " + response.data[key].email);
 }

這當然會為您的數據調用setDataInfo 3 次。 如果您只需要特定用戶，則需要添加其他邏輯。