reactjs - React - 简单地显示状态对象值

Question

我想做的就是在 div 中显示我的状态对象的值，但我无法弄清楚如何。

class MarketIndices extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data:
        average: 426.661
        close: 427.11
        date: "2020-10-02,
    };
  }

render() {
    return (
      <div>
           """Inset how to display state object value here"""
      </div>
    );
  }
}

如何在 div 中显示类似平均值的值？看起来应该很简单，但我无法弄清楚！

标签： reactjsobjectstatekey-value

Answer 1

下面这段代码。

class MarketIndices extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: {
        average: 426.661,
        close: 427.11,
        date: "2020-10-02,
       }
    };
  }

render() {
    return (
      <div>
           {this.state.data.average}
      </div>
    );
  }
}