لماذا عندما أحدث ال state مرة واحدة المكون يشتغل مرتين

Rayden Storm · 9 مارس 2021

لدي مكون بسيط فيه state ولدي زر لتحديثه والمشكلة هي أنه في تحديث واحد لل state المكون يشتغل مرتين

import React, { useState } from 'react';
import './styles.css';

export default function App() {
  const [number, setNumber] = useState(0);

  function chaneNumber() {
    setNumber((state) => state + 1);
  }

  console.log('تشغيل');

  return (
    <div className="App">
      <button onClick={chaneNumber}>تغيير الرقم</button>
      {number}
    </div>
  );
}

Salah Eddin Beriani2 · 9 مارس 2021

مشروعك يشتغل داخل React.StrictMode

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  rootElement
);

وهذا سيجعل كل المشروع يشتغل في حالة ال strict mode وفي هذه الحالة ال console تعمل مرتين لأن strict mode في البيئة التطويرية يجعل كل الدوال تشتغل مرتين