Estou estudando React e estou com um problema, mais precisamente na parte de estado, onde meu código não renderiza na tela. Neste caso tenho um h1
e um ul
e nenhum deles aparecem na tela, mas se eu apagar o h1
aparece o ul
, e se eu apagar o ul
aparece o h1
.
Código
class App extends React.Component {
constructor(props) {
super(props);
this.team = {Tname: "Dev's React"},
this.names = {member1 : 'Caua', member2: 'Luna', member3: 'Henry', member4: 'Barry'}
}
render(){
return (
<h1>Hello Team {this.team.Tname} </h1>
<ul>
<li> Member 1: {this.names.member1} </li>
<li> Member 2: {this.names.member2} </li>
<li> Member 3: {this.names.member3} </li>
<li> Member 4: {this.names.member4} </li>
</ul>
);
}
}
ReactDOM.render(
<App />,
document.getElementById('app')
);