TypeScript-те 'in' операторы не істейді?
Frontend
useCallback туралы айтыңыз — қолдану жағдайы, ол не үшін қажет?
React-те формалармен жұмыс істеу туралы айтыңыз: бақылаулы және бақылаусыз компоненттер, әрқайсысының артықшылықтары мен кемшіліктері.
const LiveSearch = () => { const [inputValue, setInputValue] = useState('') const onInputChange = (e) => { setInputValue(e.target.value) search(e.target.value) } return ( <div> <input value={inputValue} onChange={onInputChange} type="text" /> </div> ) } <span> Іздеу: <LiveSearch /> </span>
Міндет: объектілер ағашын (әр объектінің value және elements өрістері бар) өтіп, барлық value мәндерінің қосындысын есептеу. Бұл қалай жүзеге асырылар еді?
Blob-пен жұмыс істедіңіз бе? Динамикалық түрде жасалған файл үшін жүктеу сілтемесін қалай жасауға болады?
const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Функцияны типтеу міндеті return obj[key] } getProperty(X, 'a') // қате жоқ getProperty(X, ' ') // қате: кілт X объектісінің кілті емес getProperty({ name: 'Sergey' }, 'name') // қате жоқ
React компонентінің өмірлік циклының кезеңдері туралы айтыңыз.
// Серверден өнімнің бағасы сан түрінде алынған: // 12345678 (баға кез келген болуы мүмкін, бірақ 1-ден [phone] дейінгі диапазонда) // бағасын форматталған жолға айналдыратын функция жазу керек: // 12'345'678
G1 Garbage Collector-ден басқа автоматты жады басқару әдістері бар ма?
function sum(a, b) { return a + b; } function memo() {}
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("әр рендер 1")); console.log("әр рендер 2"); useEffect(() => { console.log("әр рендер 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Арттыру </button> ); }
useEffect-те тазалау функциясы (cleanup) дегеніміз не? Ол қашан орындалады? Оны useEffect-те жазыңыз.
const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //
React-те Virtual DOM және reconciliation механизмін айтып беріңіз. React қалай ағаштарды салыстыруды оңтайландырады?
Ағашты рекурсиясыз қалай обходить? Қандай деректер құрылымы көмектеседі?
Бір секундтан кейін шешілетін Promise қайтаратын функцияны қалай жазуға болады?
Компонент түрі өзгерсе, не болады? Бірдей кілт күйді сақтауға көмектесе ме?
const SomeElement = ({ hasData }) => { if (hasData) { return <div> <DataElement /> <SomeImportantElement /> </div> } return <div> <SomeImportantElement /> </div> }
let x = 5; (функция () { console.log(x); let x = 0; })()