Эй унда, иптәш Реакт һөйөүселәр! Әгәр һеҙ минең кеүек, һеҙ һәр ваҡыт һунар ысулдары өсөн һеҙҙең React ҡушымталар һөҙөмтәлерәк һәм ҡулланыусы - дуҫ. Бөгөн, мин һөйләшергә теләйем, нисек ҡулланырға ҡармаҡтар өсөн cookie-файлдар React. Ә әйткәндәй, мин бер өлөшө ҡармаҡтар тәьмин итеүсе, шуға күрә мин ҡайһы бер һыуыҡ төшөнсәләр менән бүлешергә.
Беренсе нәмәләр беренсе, әйҙәгеҙ, аңлайыҡ, ни өсөн беҙ’д теләйем, тип ҡулланырға cookie-файлдар React ҡушымта. Cookie-файлдар — ҡулланыусы браузерында һаҡланған бәләкәй генә мәғлүмәттәр. Уларҙы төрлө маҡсаттарҙа ҡулланырға мөмкин, мәҫәлән, ҡулланыусылар өҫтөнлөктәрен иҫкә төшөрөү, ҡулланыусылар сеанстарын күҙәтеү, хатта персонализациялау контент. React ҡушымтаһында, cookie-файлдарҙы ҡулланып, ҡулланыусы тәжрибәһен арттыра һәм һеҙҙең ҡушымтаны йәлеп итеүсерәк эшләй ала.
Хәҙер, әйҙәгеҙ, ҡармаҡтар тураһында һөйләшәйек. Крючкалар – уйын - React-та үҙгәртеүсе. Улар һеҙгә дәүләт һәм башҡа React функцияларын ҡулланырға мөмкинлек бирә, класс яҙмайынса. Ҡасан һүҙ cookie-файлдар менән эш итеү тураһында бара React, ҡулланыусылар өсөн ҡармаҡтар процесты һиҙелерлек ябайлаштыра ала.
Ҡулланыусылар ҡармаҡ булдырыу өсөн печенье
Беренсе аҙым булып тора, ҡулланыусылар өсөн ҡармаҡ булдырыу, бөтә cookie-файл менән идара итеү - был операциялар. Беҙ’ll башлай ҡулланыу .Js - печеньекитапхана, был ябай, еңел JavaScript API өсөн cookie-файлдар менән эш итеү.
импорт Cookies 'js - cookie'; импорт { cum cuseState, cueffect } 'реакциянан'; экспорт const ҡулланыу Cookies = (cookieName, exter Ҡиммәте) = { cookieValue, setCookieValue] = ҡулланыу Стейт(() = { const secondValue = Cookies.get(cookieName); to apperded Value? JSON.parse (stored Value) : }); cokeffect(() => { Cookies.set(cookieName, JSON.stringify(cookieValue))))); ҡайтарыу [cookieValue, setCookieValue]; };Был ҡулланыусылар өсөн ҡармаҡ, беҙ тәүҙә ҡулланабыҙusestateҡармаҡ идара итеү өсөн дәүләт cookie ҡиммәте. Беҙ тикшерәбеҙме, әгәр печенье инде бар, ҡулланыуПеченье.г.. Әгәр ҙә ул шулай булһа, беҙ һаҡланған ҡиммәтте анализлайбыҙ; юғиһә, беҙ ҡулланабыҙинициативаһы.
1990 й.comeEffect .ҡармаҡ һуңынан ҡулланыла яңыртыу өсөн cookie ҡасан да булһаcookieValueүҙгәрә. Был тәьмин итә, тип cookie һәр ваҡыт синхронизация менән дәүләт.
Компонентта Ҡулланыусы ҡармаҡ ҡулланыу
Әйҙәгеҙ, беҙ был ҡулланыусылар өсөн ҡармаҡты нисек ҡуллана алабыҙ, тип ҡарайыҡ React компонентында.
импортлау Реакциянан ‘реакция’; импорт { coke Cookies } './ҡулланыу Cookies'; const MyComponent = () => { const [puserPreference, setUserPreference] = Cookies('userPreferent', 'поручка'); const ручка Change = (д) => { spearce UerPreference(e.taget.wue)); }; Ҡайтыу ( <div> <марка> Һайлау һеҙҙең өҫтөнлөк: <йәҡәтләү on Change={calkCange ={puserPreference}> <пик ҡиммәте="pottion1">Вариант 1</вариант> <ваҡыт ҡиммәте="варианты2">Вариант 2</варианты> </light> <p>Һеҙҙең ағымдағы өҫтөнлөк: {userPreference}</p> </div> ); }; экспорт ғәҙәттәгесә MyComponent;Был миҫалда беҙ ҡулланабыҙ.ҡулланыу Cookiesкрючок менән идара итеү өсөн ҡулланыусы өҫтөнлөк. Ҡасан ғына ҡулланыусы һайлай икенсе вариант асыҡ, былМагазин CHANGEфункцияһы дәүләтте яңырта, был үҙ сиратында cookie-файлды яңырта.
Кесенеүҙең срогы менән эш итеү
Ҡайһы саҡта, һеҙ, бәлки, теләйем, һеҙҙең өсөн cookie-файлдар срогы. 1990 й.Js - печеньекитапхана был ысынлап та еңеләйтә. Һеҙ үҙгәртә аласыз .ҡулланыу Cookiesҡабул итеү өсөн ҡармаҡ срогы варианты булараҡ.
импорт Cookies 'js - cookie'; импорт { cum cuseState, cueffect } 'реакциянан'; экспорт const ҡулланыу Cookies = (cookieName, minterValue, варианттар = {}) => { cookieValue, set CookieValue] = ҡулланыу Стат(() => { const seardValue = Cookies.get(cookieName) standed Value? JSON.parse(stored Value); cokeffect(() => { Cookies.set(cookieName, JSON.stringify(cookieValue), варианттар));}, [cookieName, cookieValue, варианттар]); ҡайтарыу [cookieValue, setCookieValue]; };Хәҙер, һеҙ уны шулай ҡулланырға мөмкин:
const [ҡушымта, setUserPreference] = Cookies('userPreferent', 'подлюзавание', { срогы: 7 }) ҡулланыу;Был 7 көндән һуң cookie-файлдар ҡуйыласаҡ.
Хәүефһеҙлек ҡараштары
React-та cookie-файлдар менән эшләгәндә, хәүефһеҙлек супер мөһим. Һеҙ бер ҡасан да һаҡларға тейеш түгел, һиҙгер мәғлүмәт кеүек пароль йәки кредит картаһы номерҙары cookie-файлдар. Шулай уҡ, ышаныслы ҡулланыу өсөнhttpOnlyһәмхәүефһеҙфлагтар тейешле булғанда. 1990 й.httpOnlyфлаг тәьмин итә, тип cookie аша инеү мөмкин түгел JavaScript, был ярҙам итә, тип иҫкәртергә кросс-сайт скрипт (XSS) һөжүм. 1990 й.хәүефһеҙфлаг тәьмин итә, тип cookie тик HTTPS тоташыуҙары аша ебәрелә.
Беҙҙең ҡармаҡ тәҡдимдәре
Крючок тәьмин итеүсе булараҡ, беҙ’ве киң спектр ҡармаҡтар, уларҙы ҡулланырға мөмкин төрлө ҡушымталар. Мәҫәлән, беҙҙә бар.Супермаркет кәштә һыҙығы ҡармаҡ. Был ҡармаҡ ныҡлы һәм ышаныслы булһын өсөн эшләнгән, супермаркет кәштәләрендә продукция элеү өсөн идеаль.
Беҙ ҙә тәҡдим итәбеҙТура мөйөшлө трубкалар өсөн ҡармаҡ. Был ҡармаҡ сәнәғәт ҡушымталары өсөн шәп, унда һеҙгә кәрәк, әйберҙәрҙе тура мөйөшлө трубкаларға элеп ҡуйырға.
Һығымта
Ҡулланыу өсөн ҡармаҡтар cookie-файлдар React ҙур ябайлаштырыу процесы менән идара итеү ҡулланыусы мәғлүмәттәре һеҙҙең ҡушымта. Ҡулланыусылар менән ҡармаҡтар, һеҙ таҙа һәм һөҙөмтәле ысул булдыра ала, cookie-файлдар менән эш итеү, һәм һеҙҙең ҡушымта ҙур ҡулланыусы тәжрибәһен тәьмин итә.
Әгәр һеҙ’беҙҙең ҡыҙыҡһыныу беҙҙең ҡармаҡ продукцияһы йәки ниндәй ҙә булһа һорауҙар тураһында ҡулланыу һеҙҙең проекттарҙа ҡармаҡтар, тартынмағыҙ, тип ярҙам итергә. Беҙ бында ярҙам итеү өсөн һеҙгә дөрөҫ хәл итеү юлдарын табырға һеҙҙең ихтыяждар. Һеҙ’бәләкәй төҙөү йәки ҙур Preact ҡушымта төҙөү - масштаблы сәнәғәт проекты, беҙ’ве һеҙгә кәрәкле ҡармаҡтар бар.
Һылтанмалар
- Рәсми документация реакцияһы
- js - печенье китапханаһы документацияһы