Question

我知道那是多么愚蠢，但我不明白这个简单的事情。我有对象，我需要从对象名称获取。但是，不要了解如何获得内在价值。

我试试：

data['name']
data[0]
data[0].name

每次我收到此错误：

TypeError：无法读取属性

非常感谢。

Upd1：

然后我尝试：

data.constructor

我明白了：

Cannot read property 'constructor' of null

我从ajax获取数据，来自question 当我尝试：

JSON.parse（数据）

我明白了：

SyntaxError：位于1（...）的JSON中的意外标记o

当我从服务器获取此数据时的原始数据：

{＆＃34;流派＆＃34;：[{＆＃34; ID＆＃34;：28，＆＃34;名称＆＃34;：＆＃34;动作＆＃34;}，{＆＃34; ID＆＃34;：12，＆＃34;名称＆＃34;：＆＃34;冒险＆＃34;}，{＆＃34; ID＆＃34;：16，＆＃34;名称＆＃34;：＆＃34 ;动画＆＃34;}，{＆＃34; ID＆＃34;：35，＆＃34;名称＆＃34;：＆＃34;喜剧＆＃34;}，{＆＃34; ID＆＃34;：80，＆＃34;名称＆＃34;：＆＃34;犯罪＆＃34;}，{＆＃34; ID＆＃34; 99＆＃34;名称＆＃34;：＆＃34;纪录片＆＃34;}， {＆＃34; ID＆＃34;：18，＆＃34;名称＆＃34;：＆＃34;剧情＆＃34;}，{＆＃34; ID＆＃34;：10751＆＃34;名称＆＃34 ;：＆＃34;家庭＆＃34;}，{＆＃34; ID＆＃34;：14，＆＃34;名称＆＃34;：＆＃34;幻想＆＃34;}，{＆＃34; ID＆＃ 34; 36＆＃34;名称＆＃34;：＆＃34;历史＆＃34;}，{＆＃34; ID＆＃34;：27，＆＃34;名称＆＃34;：＆＃34;恐怖与＃34;}，{＆＃34; ID＆＃34;：10402＆＃34;名称＆＃34;：＆＃34;音乐＆＃34;}，{＆＃34; ID＆＃34;：9648，＆＃ 34;名称＆＃34;：＆＃34;推理＆＃34;}，{＆＃34; ID＆＃34;：10749＆＃34;名称＆＃34;：＆＃34;约会＆＃34;}，{＆＃34; ID＆＃34;：878，＆＃34;名称＆＃34;：＆＃34;科学小说＆＃34;}，{＆＃34; ID＆＃34;：10770＆＃34;名称＆＃34;：＆＃34;电视电影＆＃34;}，{＆＃34; ID＆＃34;：53，＆＃34;名称＆＃34;：＆＃34;惊悚＆＃34;}，{＆＃34; ID＆＃34;：10752，＆＃34;名称＆＃34;：＆＃34;战争＆＃34;}，{＆＃34; ID＆＃34;：37，＆＃34;名称＆＃34;：＆＃34;西＆＃34;}]}

Answer 1

在审核了您的其他问题后，这是我假设的代码。

const Main = React.createClass({
    getInitialState : function() {
    return {
      data: null
    };
 },

 componentDidMount: function() {
     var self = this;
     axios.get('https://api')
         .then(function (response) {
            self.setState({data: response.data})
            console.log(response.data);
         })
         .catch(function (error) {
             console.log(error);
         });
        console.log('mount ' + this.state.data );
},
    render() {
        return (
            <h1>{JSON.stringify(this.state.data)}</h1>
        )
    }
})
export default Main;

当您在等待服务器返回时，Main.data等于null。这就是为什么你得到null类型的原因，如果你像数组一样访问数据，你会收到类型错误。在等待填充数据时，可以将Main.data默认为空数组。

const Main = React.createClass({
    getInitialState : function() {
    return {
      data: []
    };
 },

在使用React时，您还需要在数据更改后更新组件。我建议为此查看this问题。

Answer 2

我不知道，为什么之前没有用，但现在我得到了我需要的一切。谢谢大家。

import React from 'react';
    import { render } from 'react-dom';
    import 'whatwg-fetch';

    const Genres = React.createClass({
        getInitialState : function() {
                return {
                    data: []
            };
        },
        componentDidMount: function() {
            fetch('https://api.themoviedb.org/3/genre/movie/list?api_key=')
                 .then(function(response) {
                     return response.json()
                 }).then(function(json) {
                     this.setState({data: json.genres})
                        //console.log('parsed json', json.genres)
                 }.bind(this)).catch(function(ex) {
                     console.log('parsing failed', ex)
                 })
         },

        render() {
            var data = this.state.data.map(function(key){
                                    return <li>{ key.name }</li>
                })
            console.log(data)
            return (
                <div>
                    Genres:{data}
                </div>
            )
        }
     })

    export default Genres;

无法从对象

2 个答案: