用 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

在您的代码中有两个错误：

1. onlyvar 是一个数组，要访问它的项目，您应该使用索引来指定您想要的项目，在这种情况下，是第一个（也是唯一的）项目。

2. console.log() 在控制台中打印值，而不是在页面上。

这是更正后的代码：

return (

    <div>

        TheOnlyVar: <p>{this.state.onlyvar[0].TheName}</p>

    </div>

)