Реагирует не на рендеринг

Question

Все, что я пытаюсь сделать, это визуализировать «черновик» состояния на теге H1, и он просто этого не сделает! Это сводит меня с ума. Что я делаю не так?

Начальные H1 теги: «Я могу видеть это» видно, однако вторая пара не отображается на всех ..

import React, { Component } from 'react'; 
import Header from '../components/Header' 
import NewTodo from '../components/NewTodo' 
import List from '../components/List'  

class TodoContainer extends Component{ 
    constructor(){ 
    super() 
    this.state = { 
     todos: ['bathroom', 'kitchen', 'loungeroom'], 
     draft: 'READ ME!' 
    } 
    }  

    render(){ 
    return (
     <div> 
     <h1>I can see this</h1> 
     <h1>{() => this.state.draft}</h1> 
     </div> 
    ) 
    } 
}  

export default TodoContainer 

Answer 1

Вы должны написать эту строку:

<h1>{this.state.draft}</h1> 

Вместо этой линии:

<h1>{() => this.state.draft}</h1> 

Пример кода: http://jsfiddle.net/w66zxefv/1/