Կպատմեք ինձ React Hook Form-ի մասին՝ հիմնական հնարավորություններ, ինչպես է օգտագործվում, ինչպես է աշխատում վավերացումը?
Middle+
165
Frontend
6421
0
const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //
Middle+
165
Ի՞նչ է ռենդերի և նկարչության տարբերությունը: Ինչ է կոչվում վիրտուալ և իրական DOM ծառի համեմատության գործընթացը։
Middle+
164
const SomeElement = ({ hasData }) => { if (hasData) { return <div> <DataElement /> <SomeImportantElement /> </div> } return <div> <SomeImportantElement /> </div> }
Middle+
164
const { foo: bar, bar: foo } = { foo: 1, bar: 2 }; //foo //bar setTimeout(() => { console.log("timeOut"); }, 0); console.log(1); new Promise((resolve) => { console.log("Promise"); setTimeout(() => { console.log("timeOut2"); resolve(); }, 0); }) .then(() => { console.log("then1"); }) .then(() => { console.log("then2"); }); console.log(4); setTimeout(() => { console.log("timeOut3"); }, 0);
Middle+
164
Դուք ստացել եք վերանայման համար կոդ — ինչն այստեղ օպտիմալ չէ?
Middle+
164
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo, me 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}> Ավելացնել </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />;
Middle+
163
Ինչպե՞ս գրել ֆունկցիա, որը վերադարձնում է Promise, որը լուծվում է մեկ վայրկյան անց:
Middle+
163
Ի՞նչ է JavaScript-ում փակումը: Որտե՞ղ է այն կիրառվում պրակտիկայում։
Middle+
163
Ի՞նչ կլինի, եթե useEffect-ում կախվածությունների զանգվածը նշված չլինի: Եթե ավելացնեք count-ը կախվածությունների զանգվածին և սեղմեք կոճակը, արդյոք կաշխատի մաքրման ֆունկցիան?
Middle+
159
Ներկայացրեք, թե ինչ է Event Loop-ը: Ի՞նչ է պատկանում միկրոտասքերին և մակրոտասքերին։
Middle+
158
const createCounter = () => {
Middle+
157
Պատմիր ինձ Event Loop-ի մասին՝ ինչպես է աշխատում, ինչ են միկրոցուրտերը և մակրոցուրտերը?
Middle+
157
Տվեք փակման օրինակ։ Օգտագործե՞լ եք փակմաններ React-ում։
Middle+
156
Ինչու է անհրաժեշտ TypeScript-ում unknown տիպը: Ինչպես կարելի է սահմանափակել տիպը?
Middle+
155
const a = {} a[1] = 'test' համար ( ... )
Middle+
154
setTimeout(() => { console.log("timeOut"); }, 0) console.log(1); new Promise(resolve => { console.log("Promise"); setTimeout(() => { console.log("777"); resolve() }, 0) }).then(() => { console.log("then1"); }) .then(console.log('tratata')) .then(() => console.log("then2"); }) console.log(4); setTimeout(() => { console.log("timeOut2"); }, 0)
Middle+
153
const doSomething = (ms) => { return new Promise((resolve, reject) => { setTimeout(() => { if (Math.random() <= 0.5) { reject("error"); } else { resolve(ms); } }, ms); }); }; const getDelay = () => { let rand = 1000 + Math.random() * 2000; return Math.floor(rand); }; const p1 = doSomething(getDelay()); const p2 = doSomething(getDelay()); const p3 = doSomething(getDelay()); const p4 = doSomething(getDelay());
Middle+
153
Պատմիր ինձ JavaScript-ի Map և Set հավաքածուների մասին — ինչ գիտես նրանց մասին?
Middle+
152
Ինչ է տարբերությունը sessionStorage և localStorage-ի միջև?
Middle+
152