我似乎無法弄清楚如何在我的螢屏上呈現該專案
雖然它在我的控制臺上
這是我的代碼：
import React, {useState, useEffect} from 'react'
import axios from 'axios'
import 'bootstrap/dist/css/bootstrap.min.css';
function JobList() {
const [jobs, setJobs] = useState([])
useEffect(() => {
getJobs()
}, [])
const getJobs = () => {
axios.get('https://staging.mapout.com/mapout-node/joblist/monster-jobs', {params: {keyword: 'developer', location: 'india'}})
.then(response => {
console.log(response.data.jobs[0])
const allJobs = response.data.jobs
setJobs(allJobs)
})
.catch(error => console.error(`Error: ${error}`));
}
return (
<div className='container'>
<h1>{jobs.title}</h1>
</div>
)
}
export default JobList
我認為這應該可行，但后來我認為我沒有映射它，但我不想映射它，因為我想要該陣列的第一項
uj5u.com熱心網友回復：
您忘記將陣列中的第一個元素分配給 allJobs
你在最后忘記了 [0] ......
const allJobs = response.data.jobs[0]
uj5u.com熱心網友回復：
如果你 console.log(jobs) 你可以看到你有一個里面有 32 個物件的陣列。
如果您想要串列中的第一項，請嘗試以下操作：
<div className="container">
{jobs.length > 0 && (
<>
<h1>{jobs[0].title}</h1>
<h1>{jobs[0].company}</h1>
</>
)}
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/314013.html