React.js起動usState
1605 ワード
ユーザーフレンドリーなWebページ
特定のWebサイトにアクセスするユーザーは、そのWebサイトにアクセスして、自分の目的を達成します.また、この過程では、サイトとのやり取りがたくさんあります.例えば登録したり、欲しい商品を探したりします.
私たちは普段もプレイヤーになりやすいので、よく知っているはずです.どのサイトが使いやすいか不便かということです.これは、Webサイトの設計部分やコンテンツの品質に影響を与える可能性がありますが、Webサイトが「ユーザーフレンドリー」であるかどうかにも依存します.
ここで、ユーザーフレンドリーとは、ユーザーが望む目的を達成するために苦労することなく構成されたサイトを意味します.名前をより直感的に、よりインタラクティブに使用できるサイトです.
よりインタラクティブなHooksを許可
このようなWebページを作成する方法の1つは、ユーザーとのインタラクティブなUIを作成することです.ユーザーが表示するUIは、ユーザーの行動や状況によって異なります.これらの要素をStateと呼び,Stateは関数に様々な変化を用意している.
UI = f(state)
Stateは本来単独では修正できませんが、ReactではHooksの概念であり、Stateを取り出して修正することができます.その中で最も代表的なのがusStateです.
useStateを使用してより多くのインタラクションを行う
useStateは、次の構文で構成されています.
const [color, setColor] = useState()
上記では、colorは現在の値であり、setColorは、既存のcolorがどのように変化するかを後で追加する関数で設定することができる.初期値はuseState()内に配置できます.これはcolorの初期値になります.
前述のsetColorの値は次のように設定されています.
function newFunction() {
setColor()
}
これにより、新しい関数が作成され、setColor()に新しい値が追加されます.上記の関数が正しく設定されていないが、色の変化を生じる機能があると仮定します.ユーザーは学習を通じて、マウスが上にぶら下がっているときに、その領域の色が変化した場合、クリックして何かを要求することができることを知っています.これを利用してボタンに擬似関数を適用すると,ユーザは「ああ,この箱を押せばよい」という判断を直感的に知る.
あとで
HooksにはuseStateに加えて複数の関数が存在します.このような関数については、後で理解してみましょう.いずれにしても、usStateで状況を特定に変更し、これらの変化に基づいてUIを変更することができます.これは素晴らしいことです.開発者はユーザーにより豊富な使用経験を示すことができ、ユーザーはより便利で親切な体験を得ることができるからです.
フロントはユーザー体験の部分を体現しているので、ユーザーの立場に立って考えることはより良いページを作る重要な心理状態です.私は、もしあなたがこのような思考の基礎の上でReactを深く勉強して、このようなユーザーと友好的な機能を熟知すれば、AirBnB、Netflixのようなユーザー友好的なインタフェースを実現することができると信じています.
Reference
この問題について(React.js起動usState), 我々は、より多くの情報をここで見つけました https://velog.io/@ubermensch0608/React.js-시작하기useStateテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol