用 this.state 返回一个反应变量

Question

this.state.onlyvar.TheName显示为undefined，我不知道为什么。

import  React, { Component } from 'react';

class Thevar extends Component {

  constructor(props) {

    super(props);

    this.state = {

        onlyvar: [{

            TheName:"getter Name"

            }]

    }

  }

render() {

    return (

        <div>

            TheOnlyVar: <p>{console.log(this.state.onlyvar.TheName)}</p>

        </div>

    )

}

}

export default Thevar;

Answer 1

在您的代码中有两个错误：onlyvar&nbsp;是一个数组，要访问它的项目，您应该使用索引来指定您想要的项目，在这种情况下，是第一个（也是唯一的）项目。console.log()&nbsp;在控制台中打印值，而不是在页面上。这是更正后的代码：return (&nbsp; &nbsp; <div>&nbsp; &nbsp; &nbsp; &nbsp; TheOnlyVar: <p>{this.state.onlyvar[0].TheName}</p>&nbsp; &nbsp; </div>)