React控制台日志给出空白对象

React - console log gives blank object

本文关键字：空白对象控制台日志 React 更新时间：2023-09-26

我是新来的反应者，我试图从js文件导入一个对象列表，并将它们设置为我的应用程序的初始状态，如下所示：

import allSamples from './reducers/reducerSamples';
var App = React.createClass({
        getInitialState () {
        return {
            samples:{allSamples},
        }   
    },
    render () {
        ...

这是我的js文件，对象：

var allSamples = [
            {
            id:"1",
            sampleName:'Deep House Base',
            sampleFamily:'Deep House Pack',
            parentCategory:"bass",
            subCategory:"house bass",
            uploader:"Ben",
            soundSource:"../../samplesWav/bd_909dwsd.wav",
            tags:[
                "house","ghouse","tech-house","rad"
            ]
        },
            {
            id:"2",
            sampleName:'Deep House Base',
            sampleFamily:'Deep House Pack',
            parentCategory:"bass",
            subCategory:"house bass",
            uploader:"Ben",
            soundSource:"../../samplesWav/bd_chicago.wav",
            tags:[
                "house","ghouse","tech-house","rad"
            ]
        },
            {
            id:"3",
            sampleName:'Deep House Base',
            sampleFamily:'Deep House Pack',
            parentCategory:"bass",
            subCategory:"house bass",
            uploader:"Ben",
            soundSource:"../../samplesWav/bd_dandans.wav",
            tags:[
                "house","ghouse","tech-house","rad"
            ]
        },
            {
            id:"4",
            sampleName:'Deep House Base',
            sampleFamily:'Deep House Pack',
            parentCategory:"bass",
            subCategory:"house bass",
            uploader:"Ben",
            soundSource:"../../samplesWav/bd_deephouser.wav",
            tags:[
                "house","ghouse","tech-house","rad"
            ]
        },
            {
            id:"5",
            sampleName:'Deep House Base',
            sampleFamily:'Deep House Pack',
            parentCategory:"bass",
            subCategory:"house bass",
            uploader:"Ben",
            soundSource:"../../samplesWav/bd_diesel.wav",
            tags:[
                "house","ghouse","tech-house","rad"
            ]
        },
            {
            id:"6",
            sampleName:'Deep House Base',
            sampleFamily:'Deep House Pack',
            parentCategory:"bass",
            subCategory:"house bass",
            uploader:"Ben",
            soundSource:"../../samplesWav/bd_dropped.wav",
            tags:[
                "house","ghouse","tech-house","rad"
            ]
        }
 ]

React dev工具中的状态显示"空对象"，是不是我没有正确导入文件？找不到其他有类似问题的人SO

这里可能发生的几件事：

尝试console.log(allSamples);高于var App ..，以确保正确插入。
请确保您的转发器支持{ samples: {allSamples} }语法。或者只说{ samples: allSamples }，看看它是否有效。