基本國家

React 元件中的狀態對於管理和傳遞應用程式中的資料至關重要。它表示為 JavaScript 物件並具有元件級別範圍,可以將其視為元件的私有資料。

在下面的例子中,我們在元件的 constructor 函式中定義了一些初始狀態,並在 render 函式中使用它。

class ExampleComponent extends React.Component {
  constructor(props){
    super(props);

    // Set-up our initial state
    this.state = {
      greeting: 'Hiya Buddy!'
    };
  }

  render() {
    // We can access the greeting property through this.state
    return(
      <div>{this.state.greeting}</div>
    );
  }
}