我正在嘗試從 MySQL 資料庫中獲取資料，并且正在使用 map 函式
const [companies, setCompanies] = useState([]);
useEffect(() => {
getCompany();
}, []);
const getCompany = async () => {
const companies = await axios.get('http://localhost:8080/companies');
setCompanies(companies.data);
};
這是獲取資料的代碼，這就是我在前端檢索它的方式
<article className="ps-block--store-2">
<div
className="ps-block__content bg--cover"
style={{
background: `url('/static/img/vendor/store/default-store-banner.png')`,
}}>
<figure>
{companies.map((company) => (
<h4>
<Link
// href="/store/[slug]"
// as={`/store/${source.slug}`}
>
<a>{company.company_name}</a>
</Link>
</h4>
))}
<div className="ps-block__rating">
<Rating />
</div>
</figure>
</div>
</article>
但它會拋出這個錯誤
1 of 1 unhandled error
Unhandled Runtime Error
TypeError: companies1.map is not a function
uj5u.com熱心網友回復：
您的代碼看起來不錯，它一定是后端出現了一些錯誤，您在后端制作了任何顯示控制器嗎？
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/450610.html