State คือ ตัวแปรที่เปลี่ยนแปลงค่าได้มีวิธีการใช้งานดังนี้

----------------------------------------------

การประกาศใช้งาน State

App.js

import React ,{Component} from 'react';
class App extends Component{
   constructor(){
       super();
       this.state = {
            data:0
       };
   }
   render(){
       return (
           <div>
              
           </div>    
       );
   }
}
export default App;

ประกาศและกำหนดค่าเริ่มต้น state.data ให้มีค่าเท่ากับ 0 

----------------------------------------------
การอ่านค่าจาก state

App.js

import React ,{Component} from 'react';
class App extends Component{
   constructor(){
       super();
       this.state = {
            data:0
       };
   }
   render(){
       return (
           <div>
              data = {this.state.data}
           </div>    
       );
   }
}
export default App;

แสดงค่า state โดยใส่เครื่องหมาย "{}" 

----------------------------------------------

การเปลี่ยนแปลงค่า State

App.js

import React ,{Component} from 'react';
class App extends Component{
   constructor(){
       super();
       this.state = {
            data:0
       };
   }
   render(){
       return (
           <div>
               <p> ข้อมูลปัจจุบัน : {this.state.data} </p>
               <button onClick={()=>this.setState({data:this.state.data+1})}></button>
           </div>    
       );
   }
}
export default App;

เรียกใช้ method setState() เพื่อเปลี่ยนแปลงค่า