javascript - 功能组件和对象值
问题描述
我正在做一个附带项目,我正在努力打印出对象值。
我的代码布局如下:
基于类的组件
this.state = {
itemDetails: []
};
axios.get(`${ROOT_URL}/${itemId}?${API_KEY}`).then(res => {
console.log(res.data);
this.setState({ itemDetails: res.data })
});
返回此 json 数据
然后我有一个功能组件
const MovieDetails = (props) => {
const arrayofKey = Object.values(props.itemDetails).map((r) => (
<div>
<a href='#t' className='item-name'>{r.original_title}</a>
</div>
))
return <div className='item-details'>{arrayofKey}</div>
}
这意味着返回 original_title (Aquaman) 的值,但是我收到错误“TypeError: Cannot read property 'original_title' of null”
任何帮助,将不胜感激
解决方案
以下内容足以显示标题。
const MovieDetails = (props) => {
const {itemDetails} = props;
return (
<div className='item-details'>
<a href='#t' className='item-name'>{itemDetails.original_title}</a>
</div>
);
}
推荐阅读
- mysql - MySQL优化视图
- python - 在 tkinter 中重新启动具有两个窗口框架的程序的功能
- javascript - Sweet Alert 2 和 Socket.io 在 preConfirm 中使用了发出的结果
- javascript - 如何修复javascript中的“无法读取属性'children'的null at ...”错误
- ios - Square 应用内支付 SDK 的本地化
- php - 如何使用 PHP/jQuery 列出文件夹中的所有文件
- javascript - 随机密码生成器,每个字符的数量可由客户端更改
- c - 为什么 atmega16a 的 timer0 的频率是 46.86 kHz 而不是 12 MHz?
- python - 使用 ITKPython 时 Pyinstaller 出现问题
- python - 如何在 Python 3 中将输入字符串转换为变量?