this.state在render（）中不起作用並且沒有發現錯誤

Question

這是一小段代碼片段。我試圖使用this.state，但它不工作。

import React from "react"; 

import Header from './Header'; 
import Footer from './Footer'; 
export default class Layout extends React.Component{ 
constructor(){ 
super(); 
this.state = {name: "sanu"}; 
} 
render(){ 
return(
    <div> 
    {this.state.name} 
     <Header /> 
     <Footer /> 

    </div> 
); 
} 
} 

Answer 1

我把你的代碼，並把它放在一個codepen

https://codepen.io/anon/pen/JJXjPe#anon-login

它工作正常。你在跑巴別嗎？

HTML

<div id="app"></div> 

JS

class Layout extends React.Component{ 
    constructor(){ 
    super(); 
    this.state = {name: "sanu"}; 
    } 
    render(){ 
    return(
     <div> 
     {this.state.name}<br/> 
      Header <br/> 
      Footer <br/> 

     </div> 
    ); 
    } 
} 

ReactDOM.render(
    <Layout/>, 
    document.getElementById('app') 
);