从对象react中获取#text的值

Question

我使用Last.fm API获取艺术家信息。

我得到的JSON对象格式如下：

对象格式

我如何访问"#文本"；使用react对象，因为当我放入#sign.时它会出错

import React, { Component } from 'react';
import './App.css';

class Profile extends Component{
render(){
let artist = {name:'', stats:{listeners:''},bio:{published:''}, image:[{#text:''}]};
artist = this.props.artist !== null ? this.props.artist : artist;
return(
<div>
<img
alt="Profile"
className="profile-img"
src={artist.image[0].#text}
/>
<div>{artist.name}</div>
<div>{artist.stats.listeners}</div>
<div>{artist.bio.published}</div>
</div>
)
}
}
export default Profile;

Answer 1

幸运的是，在javascript中，我们可以通过两种方式访问对象属性。我们可以像你一样使用"点"，但这在一些情况下不起作用，比如当房产有空间时，这是一个关键词或你正在经历的情况。

另一种方法是将属性放在方括号内。在您的情况下，您可以执行artist.image[0]["#text"]