Question

我最近开始做本地反应而不理解如何调试以便在控制台中获得我的结果。这是我在控制台中得到的结果。

Organizations is [object Object]

我如何获得组织的所有内容。我在我的控制台代码中这样做了。

console.log('Organizations is '+organizations);

Answer 1

你可以stringify。

console.log(JSON.stringify(organizations));

如果你想要一些格式

console.log(JSON.stringify(organizations, null, 2));

Answer 2

这里有所有方法可以打印对象而不会发疯。 Print object in JavaScript

console.log('Organisations is : ' + JSON.stringify(organisations));

Answer 3

大多数控制台查看它们传递的参数并显示它的智能渲染，因此您可能希望直接提供organizations而不是将其与字符串连接（这将调用对象的默认值{{1行为，如果你没有做过特别的事，那就是toString。大多数也支持多个参数，所以你可以做

"[object Object]"

...查看标签和智能渲染。

另请参阅this question's answers关于控制台渲染的内容。

Answer 4

如果您尝试使用字符串进行记录，控制台会尝试自动将您的对象转换为字符串定义。

所以你要么单独记录字符串：

render() {
        const { toptracks } = this.props;
        return (
           <div>

            {this.props.toptracks ? toptracks.map((toptracks,k) => {
              const trackImg =toptracks.track[0].image[0]['#text'];
              return (
                  <div key = {k} className ="track">
                      <img
                         src={trackImg}
                         className="trackImg"
                         alt="track"
                      />
                       <p className="tracl-text">
                           {track.name}
                       </p>
                   </div>      
                )
              }) : null}
             </div>
        ) 
    }

或者您需要先将对象转换为可读格式，例如JSON：

console.log('Organizations is');
console.log(organizations);

Answer 5

let organizations = {name: 'McD'}

console.log(organizations)//Without type coercion
console.log('organizations is '+organizations);//Forcefully to convert object to become a string

console.log('Organizations is '+organizations);的问题是由于类型强制造成的。您正在组合/连接一个字符串（'Organizations is'）与一个强制将对象转换为字符串的对象（组织）。

Answer 6

使用下面的代码以本地模式打印对象

<View> {(()=>{ console.log(object) })()} </View>

Answer 7

在 ES6语法 中，您可以执行以下操作：

console.log(`Organisations is : ${JSON.stringify(organisations)}`);

如何在反应原生中在控制台中显示整个对象

7 个答案: