- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我知道有类似的问题,但我无法找出错误发生的原因。 Div 显示,但随后应用程序崩溃(好像是长度问题)
代码类似于我找到的示例,例如 sandbox
我究竟做错了什么?
这是组件:
import React, { useState, useEffect } from 'react'
/* import Button from '../Button' */
import { getPlanets } from '../../services/index'
import './Planetas.css'
const Planetas = () => {
const [planetas, setPlanetas] = useState([]);
useEffect(() => {
const fetchPlanetas = async () => {
const planetas = await getPlanets()
setPlanetas({ planetas })
};
fetchPlanetas()
}, []);
return (
<div className="planetas">
{
planetas.map((planeta, key) => {
return <div key={key}>{planeta.name}</div>
})
}
</div>
)
}
export default Planetas
import axios from 'axios'
const BASE_URL = 'https://swapi.co/api/planets'
export const getPlanets = async() => {
const planets = await axios.get(`${BASE_URL}`).catch((e) => {
console.error(e);
})
console.log('resp\n')
console.log(planets.data.results)
return planets.data.results
}
最佳答案
setPlanetas({ Planetas }) 在这一行中,您将状态设置为具有 planetas
的对象属性(property),而不是你需要做 setPlanetas(planetas)
关于reactjs - React - 状态钩图不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57000643/
Glassfish 是否有用于启动和关闭以及域启动/停止的钩子(Hook)? 最佳答案 是的,这些被称为 Lifecycle Listener并且是 Glassfish 特有的。 支持的事件有:INI
我正在尝试将 Passport 策略实现到一个风 sails 钩子(Hook)中,这样我可以在多个项目中共享。 当我尝试登录时,出现此错误: Error: passport.initialize()
我有几个已从 SVN 转换而来的存储库,并且我们希望确保当人们推送到存储库时他们无法创建额外的头。 TipsAndTricks wiki page 中有几个钩子(Hook)如果有多个头,则可以防止插入
如何根据条件运行 helm hook。 我要解决的问题: 我创建了一个升级后 Hook ,它将一些数据加载到服务 A,该服务是从压缩的子图表创建的。 现在每次升级时它都会运行。 我希望它仅在服务 A
我正在尝试拦截( Hook )一个使用参数列表来获取结果的函数,然后调用旧函数。 // int __cdecl Ordinal578(char *a1, unsigned int a2, int a3
我想在 C# 中的单独线程上运行低级键钩来检测某些热键。我该怎么做? 最佳答案 如果你只需要这个键盘钩子(Hook)来检测热键,那么你不应该使用钩子(Hook)。 Windows 通过 Registe
我需要在 Gitblit 服务器上设置接收后 Hook 脚本,它将更改 pull 到同一服务器上的网站。在 bash 脚本中,命令看起来像这样: sudo git --work-tree=/var/w
我是一名优秀的程序员,十分优秀!