Memahami Pengurusan Negeri Terbina Dalam React

Pengurusan keadaan terbina dalam React bergantung pada cangkuk useState dan useReducer untuk mengurus keadaan dalam komponen. Berikut ialah pecahan:

1. useState:

   • Kail ini digunakan untuk menguruskan keadaan komponen tempatan. Ia mengembalikan tatasusunan dengan dua elemen: nilai keadaan semasa dan fungsi untuk mengemas kininya.
   • Contoh:

    const [count, setCount] = useState(0);
   
    // Update state
    setCount(count + 1);
   

2. useReducer:

   • Untuk logik keadaan yang lebih kompleks, useReducer digunakan. Ia berfungsi sama seperti Redux dengan mengambil fungsi pengurang dan keadaan awal serta mengembalikan keadaan semasa dan fungsi penghantaran.
   • Contoh:

    const initialState = { count: 0 };
   
    function reducer(state, action) {
      switch (action.type) {
        case 'increment':
          return { count: state.count + 1 };
        case 'decrement':
          return { count: state.count - 1 };
        default:
          return state;
      }
    }
   
    const [state, dispatch] = useReducer(reducer, initialState);
   
    // Dispatch actions
    dispatch({ type: 'increment' });
   

Cakuk ini membantu mengurus keadaan setempat dalam komponen tanpa memerlukan perpustakaan luaran.

Atas ialah kandungan terperinci Memahami Pengurusan Negeri Terbina Dalam React. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!