React `setState` ਨੂੰ ਸਮਝਣਾ
ਅਸਲ ਵਿੱਚ ਕਿੰਗਸਲੇ ਸੀਲਾਸ ਦੁਆਰਾ ਪ੍ਰਕਾਸ਼ਤ ਕੀਤਾ ਗਿਆ ਸੀ https://css-tricks.com
ਪ੍ਰਤੀਕਰਮ ਕੰਪੋਨੈਂਟਸ, ਅਤੇ ਅਕਸਰ ਕਰਦੇ ਹਨ, ਹੋ ਸਕਦੇ ਹਨ ਰਾਜ . ਰਾਜ ਕੁਝ ਵੀ ਹੋ ਸਕਦਾ ਹੈ, ਪਰ ਚੀਜ਼ਾਂ ਬਾਰੇ ਸੋਚੋ ਜਿਵੇਂ ਕਿ ਉਪਭੋਗਤਾ ਲੌਗ ਇਨ ਕੀਤਾ ਹੋਇਆ ਹੈ ਜਾਂ ਨਹੀਂ ਅਤੇ ਸਹੀ ਉਪਭੋਗਤਾ ਨਾਮ ਪ੍ਰਦਰਸ਼ਤ ਕਰਦਾ ਹੈ ਜਿਸ ਦੇ ਅਧਾਰ ਤੇ ਖਾਤਾ ਕਿਰਿਆਸ਼ੀਲ ਹੈ. ਜਾਂ ਬਲੌਗ ਪੋਸਟਾਂ ਦੀ ਇੱਕ ਲੜੀ. ਜਾਂ ਜੇ ਕੋਈ ਮਾਡਲ ਖੁੱਲ੍ਹਾ ਹੈ ਜਾਂ ਨਹੀਂ ਅਤੇ ਇਸਦੇ ਅੰਦਰ ਕਿਹੜਾ ਟੈਬ ਕਿਰਿਆਸ਼ੀਲ ਹੈ.
tic tac toe Android ਐਪ
ਉਸ ਰਾਜ ਦੇ ਅਧਾਰ ਤੇ ਸਟੇਟ ਰੈਂਡਰ UI ਦੇ ਨਾਲ ਕੰਪੋਨੈਂਟਸ ਤੇ ਪ੍ਰਤੀਕਿਰਿਆ ਕਰੋ. ਜਦੋਂ ਕੰਪੋਨੈਂਟਸ ਦੀ ਸਥਿਤੀ ਬਦਲਦੀ ਹੈ, ਤਾਂ ਕੰਪੋਨੈਂਟ UI ਵੀ ਬਦਲਦਾ ਹੈ.
ਇਹ ਸਮਝ ਬਣਾਉਂਦਾ ਹੈ ਜਦੋਂ ਅਤੇ ਕਿਵੇਂ ਤੁਹਾਡੇ ਹਿੱਸੇ ਦੀ ਸਥਿਤੀ ਨੂੰ ਬਦਲਣਾ ਮਹੱਤਵਪੂਰਨ ਹੈ. ਇਸ ਟਿorialਟੋਰਿਅਲ ਦੇ ਅੰਤ ਤੇ, ਤੁਹਾਨੂੰ ਪਤਾ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਕਿਵੇਂ | _+_ | ਕੰਮ ਕਰਦਾ ਹੈ, ਅਤੇ ਉਨ੍ਹਾਂ ਆਮ ਮੁਸ਼ਕਲਾਂ ਤੋਂ ਬਚਣ ਦੇ ਯੋਗ ਹੋਵੋ ਜੋ ਸਾਡੇ ਵਿੱਚੋਂ ਬਹੁਤ ਸਾਰੇ ਜਦੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ ਸਿੱਖਦੇ ਸਮੇਂ ਮਾਰਦੇ ਹਨ.
`SetState ()` ਦੇ ਕੰਮ
| _+_ | ਸ਼ੁਰੂਆਤੀ ਸਟੇਟ ਸੈਟਅਪ ਤੋਂ ਬਾਅਦ ਰਾਜ ਨੂੰ ਅਪਡੇਟ ਕਰਨ ਦਾ ਇਕੋ ਇਕ ਜਾਇਜ਼ ਤਰੀਕਾ ਹੈ. ਮੰਨ ਲਓ ਕਿ ਸਾਡੇ ਕੋਲ ਇੱਕ ਖੋਜ ਭਾਗ ਹੈ ਅਤੇ ਉਪਭੋਗਤਾ ਦੁਆਰਾ ਪੇਸ਼ ਕੀਤੇ ਗਏ ਖੋਜ ਸ਼ਬਦ ਨੂੰ ਪ੍ਰਦਰਸ਼ਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹਾਂ.
ਇਹ ਸੈਟਅਪ ਹੈ:
setStateਅਸੀਂ ਇੱਕ ਖਾਲੀ ਸਤਰ ਨੂੰ ਇੱਕ ਮੁੱਲ ਦੇ ਰੂਪ ਵਿੱਚ ਪਾਸ ਕਰ ਰਹੇ ਹਾਂ ਅਤੇ, ਦੀ ਸਥਿਤੀ ਨੂੰ ਅਪਡੇਟ ਕਰਨ ਲਈsetState(), ਸਾਨੂੰ ਕਾਲ ਕਰਨੀ ਪਏਗੀsearchTerm.
setState()ਇੱਥੇ, ਅਸੀਂ ਇੱਕ ਆਬਜੈਕਟ | _+_ | ਨੂੰ ਭੇਜ ਰਹੇ ਹਾਂ. ਆਬਜੈਕਟ ਵਿੱਚ ਉਸ ਰਾਜ ਦਾ ਹਿੱਸਾ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ ਜਿਸਨੂੰ ਅਸੀਂ ਅਪਡੇਟ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹਾਂ, ਜੋ ਕਿ ਇਸ ਸਥਿਤੀ ਵਿੱਚ, | _+_ | ਦਾ ਮੁੱਲ ਹੈ. ਪ੍ਰਤੀਕ੍ਰਿਆ ਇਸ ਮੁੱਲ ਨੂੰ ਲੈਂਦੀ ਹੈ ਅਤੇ ਇਸ ਨੂੰ ਉਸ ਵਸਤੂ ਵਿੱਚ ਮਿਲਾ ਦਿੰਦੀ ਹੈ ਜਿਸਦੀ ਇਸਨੂੰ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ. ਇਹ ਇਸ ਤਰ੍ਹਾਂ ਦੀ ਹੈ | _+_ | ਕੰਪੋਨੈਂਟ ਪੁੱਛਦਾ ਹੈ ਕਿ ਇਸ ਨੂੰ | _+_ | ਦੇ ਮੁੱਲ ਲਈ ਕੀ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ | _+_ | ਇੱਕ ਜਵਾਬ ਦੇ ਨਾਲ ਜਵਾਬ ਦਿੰਦਾ ਹੈ.
ਇਹ ਅਸਲ ਵਿੱਚ ਇੱਕ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਬੰਦ ਕਰ ਰਿਹਾ ਹੈ ਜੋ ਕਾਲਾਂ ਤੇ ਪ੍ਰਤੀਕਿਰਿਆ ਕਰਦਾ ਹੈ ਸੁਲ੍ਹਾ . ਸੁਲ੍ਹਾ ਪ੍ਰਕਿਰਿਆ ਉਹ ਤਰੀਕਾ ਹੈ ਜਿਸਦਾ ਪ੍ਰਤੀਕਰਮ ਅਪਡੇਟਾਂ ਨੂੰ ਅਪਡੇਟ ਕਰਦਾ ਹੈ ਜੱਜਮੈਂਟ , ਰਾਜ ਵਿੱਚ ਤਬਦੀਲੀ ਦੇ ਅਧਾਰ ਤੇ ਹਿੱਸੇ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਕਰਕੇ. ਜਦੋਂ ਬੇਨਤੀ | _+_ | ਚਾਲੂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਪ੍ਰਤੀਕ੍ਰਿਆ ਇੱਕ ਨਵਾਂ ਰੁੱਖ ਬਣਾਉਂਦੀ ਹੈ ਜਿਸ ਵਿੱਚ ਭਾਗ ਵਿੱਚ ਪ੍ਰਤੀਕ੍ਰਿਆਸ਼ੀਲ ਤੱਤ ਹੁੰਦੇ ਹਨ (ਅਪਡੇਟ ਕੀਤੀ ਸਥਿਤੀ ਦੇ ਨਾਲ). ਇਸ ਰੁੱਖ ਦੀ ਵਰਤੋਂ ਇਹ ਪਤਾ ਲਗਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਕਿ | _+_ | | ਭਾਗ ਦੇ UI ਨੂੰ ਰਾਜ ਦੇ ਬਦਲਾਅ ਦੇ ਜਵਾਬ ਵਿੱਚ ਪਿਛਲੇ ਦਰੱਖਤ ਦੇ ਤੱਤਾਂ ਨਾਲ ਤੁਲਨਾ ਕਰਕੇ ਬਦਲਣਾ ਚਾਹੀਦਾ ਹੈ. ਪ੍ਰਤੀਕਰਮ ਜਾਣਦਾ ਹੈ ਕਿ ਕਿਹੜੀਆਂ ਤਬਦੀਲੀਆਂ ਲਾਗੂ ਕਰਨੀਆਂ ਹਨ ਅਤੇ ਸਿਰਫ ਲੋੜ ਪੈਣ 'ਤੇ DOM ਦੇ ਹਿੱਸਿਆਂ ਨੂੰ ਅਪਡੇਟ ਕਰੇਗਾ. ਇਹੀ ਕਾਰਨ ਹੈ ਕਿ ਪ੍ਰਤੀਕਰਮ ਤੇਜ਼ ਹੁੰਦਾ ਹੈ.
ਇਹ ਬਹੁਤ ਕੁਝ ਲਗਦਾ ਹੈ, ਪਰ ਪ੍ਰਵਾਹ ਨੂੰ ਜੋੜਨਾ:
- ਸਾਡੇ ਕੋਲ ਇੱਕ ਖੋਜ ਭਾਗ ਹੈ ਜੋ ਇੱਕ ਖੋਜ ਸ਼ਬਦ ਪ੍ਰਦਰਸ਼ਤ ਕਰਦਾ ਹੈ
- ਉਹ ਖੋਜ ਸ਼ਬਦ ਇਸ ਵੇਲੇ ਖਾਲੀ ਹੈ
- ਉਪਭੋਗਤਾ ਇੱਕ ਖੋਜ ਸ਼ਬਦ ਦਰਜ ਕਰਦਾ ਹੈ
- ਇਹ ਸ਼ਬਦ | _+_ | ਦੁਆਰਾ ਕੈਪਚਰ ਅਤੇ ਸਟੋਰ ਕੀਤਾ ਗਿਆ ਹੈ ਇੱਕ ਮੁੱਲ ਦੇ ਰੂਪ ਵਿੱਚ
- ਮੇਲ ਮਿਲਾਪ ਹੁੰਦਾ ਹੈ ਅਤੇ ਪ੍ਰਤੀਕ੍ਰਿਆ ਮੁੱਲ ਵਿੱਚ ਤਬਦੀਲੀ ਨੂੰ ਨੋਟਿਸ ਕਰਦੀ ਹੈ
- ਪ੍ਰਤੀਕ੍ਰਿਆ ਖੋਜ ਭਾਗ ਨੂੰ ਮੁੱਲ ਨੂੰ ਅਪਡੇਟ ਕਰਨ ਦੇ ਨਿਰਦੇਸ਼ ਦਿੰਦੀ ਹੈ ਅਤੇ ਖੋਜ ਸ਼ਬਦ ਨੂੰ ਮਿਲਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ
ਸੁਲ੍ਹਾ ਪ੍ਰਕਿਰਿਆ ਜ਼ਰੂਰੀ ਤੌਰ 'ਤੇ ਪੂਰੇ ਰੁੱਖ ਨੂੰ ਨਹੀਂ ਬਦਲਦੀ, ਸਿਵਾਏ ਅਜਿਹੀ ਸਥਿਤੀ ਦੇ ਜਿੱਥੇ ਰੁੱਖ ਦੀ ਜੜ੍ਹ ਇਸ ਤਰ੍ਹਾਂ ਬਦਲ ਜਾਂਦੀ ਹੈ:
setState()ਸਾਰੇ | _+_ | ਟੈਗ ਬਣ ਜਾਂਦੇ ਹਨ | _+_ | ਨਤੀਜੇ ਵਜੋਂ ਟੈਗਸ ਅਤੇ ਪੂਰੇ ਕੰਪੋਨੈਂਟ ਟ੍ਰੀ ਨੂੰ ਅਪਡੇਟ ਕੀਤਾ ਜਾਵੇਗਾ.
ਨਿਯਮ ਇਹ ਹੈ ਕਿ ਰਾਜ ਨੂੰ ਸਿੱਧਾ ਕਦੇ ਨਾ ਬਦਲੋ. ਹਮੇਸ਼ਾਂ | _+_ | ਦੀ ਵਰਤੋਂ ਕਰੋ ਸਥਿਤੀ ਨੂੰ ਬਦਲਣ ਲਈ. ਸਥਿਤੀ ਨੂੰ ਸਿੱਧਾ ਸੋਧਣਾ, ਜਿਵੇਂ ਕਿ ਹੇਠਾਂ ਦਿੱਤੇ ਸਨਿੱਪਟ ਕੰਪੋਨੈਂਟ ਨੂੰ ਦੁਬਾਰਾ ਪੇਸ਼ ਕਰਨ ਦਾ ਕਾਰਨ ਨਹੀਂ ਬਣੇਗਾ.
searchTerm| _+_ | ਨੂੰ ਇੱਕ ਫੰਕਸ਼ਨ ਪਾਸ ਕਰਨਾ
ਇਸ ਵਿਚਾਰ ਨੂੰ ਹੋਰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ, ਆਓ ਇੱਕ ਸਧਾਰਨ ਕਾਉਂਟਰ ਬਣਾਉਂਦੇ ਹਾਂ ਜੋ ਕਲਿਕ ਤੇ ਵਾਧਾ ਅਤੇ ਘਟਾਉਂਦਾ ਹੈ.
ਆਓ ਕੰਪੋਨੈਂਟ ਨੂੰ ਰਜਿਸਟਰ ਕਰੀਏ ਅਤੇ UI ਲਈ ਮਾਰਕਅਪ ਨੂੰ ਪਰਿਭਾਸ਼ਤ ਕਰੀਏ:
Searchਇਸ ਬਿੰਦੂ ਤੇ, ਕਾ counterਂਟਰ ਹਰ ਇੱਕ ਕਲਿਕ ਤੇ ਸਿਰਫ ਗਿਣਤੀ ਨੂੰ ਵਧਾਉਂਦਾ ਜਾਂ ਘਟਾਉਂਦਾ ਹੈ.
ਪਰ ਉਦੋਂ ਕੀ ਜੇ ਅਸੀਂ ਇਸਦੀ ਬਜਾਏ 3 ਵਧਾਉਣਾ ਜਾਂ ਘਟਾਉਣਾ ਚਾਹੁੰਦੇ ਹਾਂ? ਅਸੀਂ ਕਾਲ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਸਕਦੇ ਹਾਂ | _+_ | ਤਿੰਨ ਵਾਰ | _+_ | ਵਿੱਚ ਅਤੇ | _+_ | ਇਸ ਤਰ੍ਹਾਂ ਫੰਕਸ਼ਨ:
python ਸੂਚੀ ਵਿੱਚ ਵਿਲੱਖਣ ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ
searchTermਜੇ ਤੁਸੀਂ ਘਰ ਵਿੱਚ ਕੋਡਿੰਗ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਇਹ ਜਾਣ ਕੇ ਹੈਰਾਨ ਹੋਵੋਗੇ ਇਹ ਕੰਮ ਨਹੀਂ ਕਰਦਾ.
ਉਪਰੋਕਤ ਕੋਡ ਸਨਿੱਪਟ ਇਸਦੇ ਬਰਾਬਰ ਹੈ:
setState()| _+_ | ਇੱਕ ਸਰੋਤ ਆਬਜੈਕਟ ਤੋਂ ਇੱਕ ਨਿਸ਼ਾਨਾ ਆਬਜੈਕਟ ਵਿੱਚ ਡੇਟਾ ਦੀ ਨਕਲ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਜੇ ਸਰੋਤ ਤੋਂ ਨਿਸ਼ਾਨਾ ਤੇ ਨਕਲ ਕੀਤੇ ਜਾ ਰਹੇ ਡੇਟਾ ਸਾਰਿਆਂ ਕੋਲ ਇੱਕੋ ਜਿਹੀਆਂ ਕੁੰਜੀਆਂ ਹਨ, ਜਿਵੇਂ ਕਿ ਸਾਡੀ ਉਦਾਹਰਣ ਵਿੱਚ, ਆਖਰੀ ਵਸਤੂ ਜਿੱਤ ਜਾਂਦੀ ਹੈ. ਇਹ ਕਿਵੇਂ ਦਾ ਇੱਕ ਸਰਲ ਸੰਸਕਰਣ ਹੈ | _+_ | ਕੰਮ ਕਰਦਾ ਹੈ;
setState()ਇਸ ਲਈ ਕਾਲ ਦੇ ਤਿੰਨ ਵਾਰ ਹੋਣ ਦੀ ਬਜਾਏ, ਇਹ ਸਿਰਫ ਇੱਕ ਵਾਰ ਹੁੰਦਾ ਹੈ. | _+_ | ਨੂੰ ਇੱਕ ਫੰਕਸ਼ਨ ਦੇ ਕੇ ਇਸਨੂੰ ਠੀਕ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਜਿਵੇਂ ਤੁਸੀਂ | _+_ | ਨੂੰ ਵਸਤੂਆਂ ਭੇਜਦੇ ਹੋ, ਤੁਸੀਂ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਵੀ ਪਾਸ ਕਰ ਸਕਦੇ ਹੋ, ਅਤੇ ਇਹ ਉਪਰੋਕਤ ਸਥਿਤੀ ਤੋਂ ਬਾਹਰ ਨਿਕਲਣ ਦਾ ਰਸਤਾ ਹੈ.
msrm wifi ਐਕਸਟੈਂਡ ਰੀਸੈਟ
ਜੇ ਅਸੀਂ | _+_ | ਨੂੰ ਸੋਧਦੇ ਹਾਂ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਣ ਲਈ ਫੰਕਸ਼ਨ:
Search… ਹੁਣ ਅਸੀਂ ਇੱਕ ਕਲਿਕ ਨਾਲ ਗਿਣਤੀ ਨੂੰ ਤਿੰਨ ਗੁਣਾ ਵਧਾ ਸਕਦੇ ਹਾਂ.
ਇਸ ਸਥਿਤੀ ਵਿੱਚ, ਅਭੇਦ ਹੋਣ ਦੀ ਬਜਾਏ, ਫੰਕਸ਼ਨ ਕਾਲਾਂ ਨੂੰ ਉਹਨਾਂ ਦੇ ਕ੍ਰਮ ਅਨੁਸਾਰ ਕਤਾਰਾਂ ਵਿੱਚ ਪ੍ਰਤੀਕਿਰਿਆ ਕਰੋ ਅਤੇ ਪੂਰੇ ਰਾਜ ਨੂੰ ਅਪਡੇਟ ਕਰੋ ਜੋ ਇਹ ਕੀਤਾ ਗਿਆ ਹੈ. ਇਹ ਗਿਣਤੀ ਦੀ ਸਥਿਤੀ ਨੂੰ 1 ਦੀ ਬਜਾਏ 3 ਤੱਕ ਅਪਡੇਟ ਕਰਦਾ ਹੈ.
ਅਪਡੇਟਰ ਦੀ ਵਰਤੋਂ ਕਰਦਿਆਂ ਪਿਛਲੇ ਰਾਜ ਤੱਕ ਪਹੁੰਚ ਕਰੋ
ਬਣਾਉਣ ਵੇਲੇ ਅਰਜ਼ੀਆਂ 'ਤੇ ਪ੍ਰਤੀਕਿਰਿਆ ਕਰੋ , ਕਈ ਵਾਰ ਅਜਿਹਾ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਕੰਪੋਨੈਂਟ ਦੀ ਪਿਛਲੀ ਸਥਿਤੀ ਦੇ ਅਧਾਰ ਤੇ ਰਾਜ ਦੀ ਗਣਨਾ ਕਰਨਾ ਚਾਹੋਗੇ. ਤੁਸੀਂ ਹਮੇਸ਼ਾਂ ਭਰੋਸਾ ਨਹੀਂ ਕਰ ਸਕਦੇ | _+_ | ਕਾਲ ਕਰਨ ਤੋਂ ਤੁਰੰਤ ਬਾਅਦ ਸਹੀ ਸਥਿਤੀ ਨੂੰ ਰੱਖਣ ਲਈ | _+_ |, ਕਿਉਂਕਿ ਇਹ ਹਮੇਸ਼ਾਂ ਸਕ੍ਰੀਨ ਤੇ ਪੇਸ਼ ਕੀਤੇ ਗਏ ਰਾਜ ਦੇ ਬਰਾਬਰ ਹੁੰਦਾ ਹੈ.
ਆਓ ਇਹ ਵੇਖੀਏ ਕਿ ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ ਸਾਡੀ ਵਿਰੋਧੀ ਉਦਾਹਰਣ ਤੇ ਵਾਪਸ ਚਲੀਏ. ਮੰਨ ਲਓ ਕਿ ਸਾਡੇ ਕੋਲ ਇੱਕ ਫੰਕਸ਼ਨ ਹੈ ਜੋ ਸਾਡੀ ਗਿਣਤੀ ਨੂੰ 1 ਦੁਆਰਾ ਘਟਾਉਂਦਾ ਹੈ. ਇਹ ਫੰਕਸ਼ਨ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ:
setStateਜੋ ਅਸੀਂ ਚਾਹੁੰਦੇ ਹਾਂ ਉਹ ਹੈ 3. ਦੁਆਰਾ ਘਟਾਉਣ ਦੀ ਯੋਗਤਾ. _+_ | ਫੰਕਸ਼ਨ ਨੂੰ ਇੱਕ ਫੰਕਸ਼ਨ ਵਿੱਚ ਤਿੰਨ ਵਾਰ ਬੁਲਾਇਆ ਜਾਂਦਾ ਹੈ ਜੋ ਕਲਿਕ ਇਵੈਂਟ ਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਸੰਭਾਲਦਾ ਹੈ.
ਹਰ ਵਾਰ ਘਟਾਉਣ ਦੇ ਬਟਨ ਨੂੰ ਕਲਿਕ ਕਰਨ 'ਤੇ, ਗਿਣਤੀ 3 ਦੀ ਬਜਾਏ 1 ਘੱਟ ਜਾਵੇਗੀ. ਇਹ ਇਸ ਲਈ ਹੈ ਕਿਉਂਕਿ | _+_ | ਜਦੋਂ ਤੱਕ ਕੰਪੋਨੈਂਟ ਨੂੰ ਦੁਬਾਰਾ ਪੇਸ਼ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ ਉਦੋਂ ਤੱਕ ਅਪਡੇਟ ਨਹੀਂ ਹੁੰਦਾ. ਹੱਲ ਇੱਕ ਅਪਡੇਟਰ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ. ਇੱਕ ਅਪਡੇਟਰ ਤੁਹਾਨੂੰ ਮੌਜੂਦਾ ਸਥਿਤੀ ਤੱਕ ਪਹੁੰਚ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਅਤੇ ਹੋਰ ਚੀਜ਼ਾਂ ਨੂੰ ਅਪਡੇਟ ਕਰਨ ਲਈ ਇਸਦੀ ਵਰਤੋਂ ਤੁਰੰਤ ਕਰਦਾ ਹੈ. ਇਸ ਲਈ | _+_ | ਫੰਕਸ਼ਨ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਵੇਗਾ.
ਹੁਣ ਅਸੀਂ | _+_ | ਦੇ ਨਤੀਜੇ 'ਤੇ ਨਿਰਭਰ ਨਹੀਂ ਹਾਂ. | _+_ | ਦੇ ਰਾਜ ਇੱਕ ਦੂਜੇ ਤੇ ਬਣਾਏ ਗਏ ਹਨ ਇਸ ਲਈ ਅਸੀਂ ਸਹੀ ਸਥਿਤੀ ਤੱਕ ਪਹੁੰਚਣ ਦੇ ਯੋਗ ਹਾਂ ਜੋ ਹਰ ਕਾਲ ਦੇ ਨਾਲ ਬਦਲਦਾ ਹੈ | _+_ |.
| _+_ | ਦੇ ਨਾਲ ਅਸਿੰਕਰੋਨਸ ਤਰੀਕੇ ਨਾਲ ਵਿਵਹਾਰ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ - ਦੂਜੇ ਸ਼ਬਦਾਂ ਵਿੱਚ, ਹਮੇਸ਼ਾਂ ਇਹ ਉਮੀਦ ਨਾ ਰੱਖੋ ਕਿ ਕਾਲ ਕਰਨ ਤੋਂ ਬਾਅਦ ਰਾਜ ਬਦਲ ਗਿਆ ਹੈ. _+_ |.
ਸਮੇਟਣਾ
| _+_ | ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ, ਇਹ ਉਹ ਪ੍ਰਮੁੱਖ ਗੱਲਾਂ ਹਨ ਜਿਹਨਾਂ ਬਾਰੇ ਤੁਹਾਨੂੰ ਪਤਾ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ:
- ਇੱਕ ਕੰਪੋਨੈਂਟ ਅਵਸਥਾ ਦਾ ਅਪਡੇਟ | _+_ | ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ
- ਤੁਸੀਂ ਕਿਸੇ ਵਸਤੂ ਜਾਂ ਕਾਰਜ ਨੂੰ | _+_ | ਨੂੰ ਪਾਸ ਕਰ ਸਕਦੇ ਹੋ
- ਇੱਕ ਫੰਕਸ਼ਨ ਪਾਸ ਕਰੋ ਜਦੋਂ ਤੁਸੀਂ ਸਥਿਤੀ ਨੂੰ ਕਈ ਵਾਰ ਅਪਡੇਟ ਕਰ ਸਕਦੇ ਹੋ
- ਕਾਲ ਕਰਨ ਤੋਂ ਤੁਰੰਤ ਬਾਅਦ ਇਸ 'ਤੇ ਨਿਰਭਰ ਨਾ ਕਰੋ. _+_ | ਅਤੇ ਇਸਦੀ ਬਜਾਏ ਅਪਡੇਟਰ ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰੋ.
ਪੜ੍ਹਨ ਲਈ ਧੰਨਵਾਦ ❤
ਫੇਸਬੁੱਕ ਕਿਉਂ ਕੰਮ ਨਹੀਂ ਕਰ ਰਹੀ
ਜੇ ਤੁਹਾਨੂੰ ਇਹ ਪੋਸਟ ਪਸੰਦ ਹੈ, ਤਾਂ ਇਸਨੂੰ ਆਪਣੇ ਸਾਰੇ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਦੋਸਤਾਂ ਨਾਲ ਸਾਂਝਾ ਕਰੋ!
ਸਾਡੇ ਨਾਲ ਪਾਲਣਾ ਕਰੋ ਫੇਸਬੁੱਕ | ਟਵਿੱਟਰ
ਪ੍ਰਤੀਕਰਮ ਬਾਰੇ ਹੋਰ ਪੜ੍ਹਨਾ
☞ ਪ੍ਰਤੀਕ੍ਰਿਆ - ਸੰਪੂਰਨ ਗਾਈਡ (ਹੁੱਕਸ ਸਮੇਤ, ਪ੍ਰਤੀਕਿਰਿਆ ਰਾ Rਟਰ, ਰੀਡਕਸ)
☞ ਰੈਡਕਸ ਦੇ ਨਾਲ ਆਧੁਨਿਕ ਪ੍ਰਤੀਕਿਰਿਆ [2019 ਅਪਡੇਟ]
☞ ਫਰੰਟਐਂਡ ਡਿਵੈਲਪਰਾਂ ਲਈ 2019 ਵਿੱਚ ਸਰਬੋਤਮ 50 ਪ੍ਰਤੀਕਿਰਿਆ ਇੰਟਰਵਿiew ਪ੍ਰਸ਼ਨ
☞ ਤੁਹਾਡੇ ਪ੍ਰਤੀਕਰਮ ਸਿੱਖਣ ਤੋਂ ਪਹਿਲਾਂ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੀਆਂ ਮੂਲ ਗੱਲਾਂ
☞ ਮਾਈਕਰੋਫ੍ਰੌਂਟੈਂਡਸ - ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਫਰੇਮਵਰਕਸ ਨੂੰ ਇਕੱਠੇ ਜੋੜਨਾ (ਪ੍ਰਤੀਕ੍ਰਿਆ, ਕੋਣੀ, ਵਯੂ ਆਦਿ)
☞ Reactjs ਬਨਾਮ Angularjs - ਜੋ ਵੈਬ ਵਿਕਾਸ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਹੈ
☞ ਪ੍ਰਤੀਕਰਮ + ਟਾਈਪਸਕ੍ਰਿਪਟ: ਕਿਉਂ ਅਤੇ ਕਿਵੇਂ
☞ ਪ੍ਰਤੀਕਿਰਿਆ ਵਿੱਚ ਬਿਹਤਰ ਕੋਡ ਕਿਵੇਂ ਲਿਖਣਾ ਹੈ
ਸਭ ਤੋਂ ਵਧੀਆ ਪ੍ਰਤੀਕਿਰਿਆ ਮੂਲ UI ਲਾਇਬ੍ਰੇਰੀ
☞ ਰਾactਟਰ ਪ੍ਰਤੀਕਰਮ: ਨੈਵੀਗੇਸ਼ਨ ਦੀ ਸ਼ਕਤੀ ਸ਼ਾਮਲ ਕਰੋ
☞ ਪ੍ਰਤੀਕਿਰਿਆ ਰਾouterਟਰ ਨਾਲ ਅਰੰਭ ਕਰਨਾ
Re ਰੀਐਕਟ ਐਪਸ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਣ ਲਈ ਪ੍ਰਤੀਕਿਰਿਆ ਰਾ Rਟਰ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
#reactjs #javascript #ਵੈਬ-ਵਿਕਾਸ