Closed3
React+Nextを学習する
JSXとは
JavaScript XMLの略。Reactのコンポーネント内でマークアップ言語を記述するためのXML風の構文。
function render(){
return (
<ul>
<li>test1</li>
<li>test2</li>
</ul>
);
}
JSX構文を利用しない場合は、以下のようなコードになる。
function render(){
return React.createElement(
'ul',
null,
React.createElement('li', null, 'teset1'),
React.createElement('li', null, 'test2')
);
}
Link
Linkコンポーネントfromnext/linkを使用して<a>タグをラップ。
Linkの中に入れるのは、基本的にaタグ。
<h1 className="title">
Read{' '}
<Link href="/posts/first-post">
<a>this page!</a>
</Link>
</h1>
Yupとは
バリデーションのためのライブラリ
formikとyupという組み合わせは結構ありそう。参考記事。
このスクラップは2022/02/15にクローズされました