反应状态不渲染

Question

我想做的就是将状态 'draft' 渲染到 H1 标签上，但它根本做不到！这让我发疯。我做错了什么？

'I can see this' 的初始 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/

反应状态不渲染

React state not rendering

javascript

jsx

reactjs