アロー関数とは

アロー関数は、JavaScriptの機能の1つで、関数を簡潔に記述できるものです。React.jsでは、アロー関数を使うことで、コードを簡潔に記述したり、パフォーマンスを向上させたりする効果があります。

アロー関数を使わない場合

const onClickHandler = function() {
	console.log("Hello World!");
};

アロー関数を使う場合

const onClickHandler = () => {
	console.log("Hello World!");
};

アロー関数を使わない場合

function hello(name) {
	return (
		<div>
			こんにちは、{name}さん！
		</div>
	);
}

アロー関数を使う場合

const hello = (name) => (
	<div>
		こんにちは、{name}さん！
	</div>
);

用語集の一覧に戻る