Ngatur Negara ing React- Nangani Data Dinamis ing React Aplikasi

Ngatur status ing React minangka aspek penting kanggo nangani data dinamis lan nyinkronake antarmuka pangguna. Negara nuduhake kahanan saiki komponen lan bisa diganti sajrone eksekusi aplikasi.

Ing React, negara minangka obyek JavaScript sing ngemot informasi penting sing komponen kudu disimpen lan diowahi liwat wektu. Nalika negara diganti, React kanthi otomatis nganyari antarmuka panganggo kanggo nggambarake owah-owahan iki.

Kanggo ngatur negara ing React, kita nggunakake properti khusus disebut state. We ngumumake negara ing konstruktor komponèn lan initialize Nilai dhisikan. Banjur, kita bisa ngowahi nilai negara kanthi nggunakake setState() metode kasebut.

Contone, ayo nimbang komponen Counter sing prasaja:

import React, { Component } from 'react';  
  
class Counter extends Component {  
  constructor(props) {  
    super(props);  
    this.state = {  
      count: 0  
    };  
  }  
  
  incrementCount =() => {  
    this.setState(prevState =>({  
      count: prevState.count + 1  
    }));  
  }  
  
  render() {  
    return( 
      <div>  
        <p>Count: {this.state.count}</p>  
        <button onClick={this.incrementCount}>Increment</button>  
      </div>  
   );  
  }  
}  
  
export default Counter;

Ing conto ing ndhuwur, kita wara-wara negara disebut count karo nilai dhisikan 0. Nalika pangguna ngeklik tombol "Tambah", Nilai saka count tambah siji nggunakake setState() cara.

Ngatur negara ngidini kita ngganti isi lan prilaku komponen adhedhasar kahanan saiki. Iki migunani nalika nggawe komponen dinamis lan sesambungan karo pangguna.