React初心者のためのハンズオン その2 文字にスタイルをあててみよう
React初心者のためのハンズオン その2[Propsとコンポーネント化]を学んでいます。
詳しくは該当ページ参照してください。
前回
-
-
REACT再々挑戦の記
React初心者のためのハンズオン その2[Propsとコンポーネント化]を学んでいます。 詳しくは該当ページ参照してください。 今度はこちらで node.js 導入後npx create-react ...
からの継続です。
React初心者のためのハンズオン その2[Propsとコンポーネント化]を学んでいます。
文字にスタイルをあてる。
JSX 1<p style={{
color
:
"blue"
}}>Reactは難しくないよー</p>
{{ の意味は、React初心者のためのハンズオン その2[Propsとコンポーネント化]を
参照したほうがよいです。追記
- ReactでUIを記述するということは、
JSXを書くということとほぼ同義- JSXは式として扱われる
- JSXは関数の実行
- BabelはJSXをJavaScriptに変換する機能をもつ。
(BabelはECMAScript201x仕様で記述されたコードを
ECMAScript5仕様のコードに変換するツール)上記は、下記に書き換えられる。
JSX 123456789101112const messageStyle = {
color
:
"blue"
};
const App = () => {
return (
<>
<h
2
>Reactハンズオン!</h
2
>
<p style={messageStyle}>Reactは難しくないよー</p>
</>
);
};
また出費が...
悲しいかなもっと知りたいので買ってしまったUdemy。
この方の出している動画教材は、ココでした。