Este es un código de Reactjs. Aquí estoy tratando de iterar e imprimir los datos del Objeto. Pero, frente a un error -> TypeError: no se pueden leer las propiedades de undefined (leyendo 'estado'). Quiero saber qué estoy haciendo mal aquí.
import React, { Component } from 'react' class App extends Component { state = { posts: { ASlot: true, BSlot: true, CLive: true, DRedirect: true } } Club() { for(const property in this.state.posts) { console.log('hello') // console.log(`${property}: ${this.state.posts[property]}`); } } render() { return <div> <div style={{ display: 'flex', justifyContent: 'center' }}> <span> hey, i am left text </span> <button onClick={this.Club}> Click Club </button> </div> </div>; } } export default App;import React from "react"; import "./styles.css"; class App extends React.Component { state = { posts: { name: "naveen", mail: "naveen9@gmail.com" } }; club() { if (this.state.posts) { for (const property in this.state.posts) { console.log(property); } } } render() { return ( <div> <button onClick={() => this.club()}>click</button> </div> ); } } export default App;Puede usar una clase condicional. Y funciona para mí, puede consultar aquí https://codesandbox.io/embed/cool-cerf-fxh9u?fontsize=14&hidenavigation=1&theme=dark