İstifadəçi profilini almaq üçün getUserProfile funksiyasını yazın, istifadəçi ID-sini arqument kimi götürür və API son nöqtəsindən "[link]" istifadəçi profilini əldə edir. Funksiya uğurlu olarsa, istifadəçi profilini qeyd etməli və uğursuz olarsa, bir xəta mesajını qeyd etməlidir.
await p1, await p2 və Promise.all([p1, p2]) arasındakı fərq nədir?
Promise-in hansı statik metodlarını bilirsiniz? Onlar haqqında danışın.
const S = { id: 1, ad: "Ivan", yaş: "39", tel: [phone] }; function getParam(obj, key) { return obj[key]; } getParam(S, "tel"); getParam(S, "job");
Set nədir? new Set çağırarkən arqument kimi nə keçirə bilərik?
import React, { useState, useEffect, useLayoutEffect } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("fiecare randare 1")); console.log("fiecare randare 2"); useEffect(() => console.log("fiecare randare 3")); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Crește </button> ); } // montare -> fiecare randare 2, fiecare randare 1, fiecare randare 3 // actualizare -> fiecare randare 2, fiecare randare 1, fiecare randare 3 // demontare 4
Bağlama nədir?
İlk render zamanı nə baş verəcək, console.log'lar hansı ardıcıllıqla çıxacaq. Klikdən sonra nə olacaq?
WeakSet nədir?
React.memo istifadə edərək Child komponentinin abstrakt tətbiqini yazın. React.memo ikinci arqument olaraq nə qəbul edir?
Map və WeakMap arasındakı fərq nədir?
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; const someFunc = (arr) => { return [...arr].sort((a, b) => a - b); }; const LazyInit = (props) => { const [arr, setArr] = useState(() => someFunc(props.arr)); const onClick = () => { setArr((prev) => prev.concat(prev.length + 1)) } return ( <> <button onClick={onClick}> Artır </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />; --- Sağdaki müzakere şu konuları tartışıyor: - TypeScript ile jenerikler kullanımı: "<T extends object, K extends keyof T>" - Verinin string olup olmadığını kontrol etmek için tip koruyucu: "isString(data: unknown): data is string { ... }" - useState ile fonksiyon kullanımı, her renderda tekrar çalışmasını önlemek için: ``` const [state, setState] = useState(getComplexData); // veya const [state, setState] = useState(() => getComplexData()); ``` - useState'e geçirilen fonksiyon yalnızca bileşen ilk yüklendiğinde çalışır. - 11. satırda prev.concat ile doğrudan durumu değiştirme konusunda uyarı. --- Teknik görev, React bileşen kodunu analiz etmek ve gerekirse düzeltmek veya optimize etmek, özellikle: - useState ile uygun tembel başlatma. - Durumu doğrudan değiştirmemek. - TypeScript jeneriklerini ve tip koruyucuları anlamak. - Butona tıklandığında bileşenin durumu doğru şekilde güncellemesini sağlamak.
Eyni məlumatı qaytaran üç məlumat mənbəyi var. Ən sürətli cavabı necə əldə etmək olar?
React-də useState hook-u haqqında danış.
Niyə ox funksiyaları ilə new konstruktoru ilə işləmək olmur?
JavaScript-də funksiyalar necə yaradılır? Funksiya yaratmanın hansı üsulları var və onlar necə fərqlənir?
İşinizdə hansı TypeScript utilitar tiplərini istifadə edirsiniz? Record, Pick, Omit, Partial, Required, Parameters, Exclude, Extract haqqında danış.
