反应状态不渲染

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/