React コンポーネントをインポートして使用する
React に精通している場合は、この章を読む必要はありません。
React コンポーネントを使用する場合は、必ず最初にコンポーネントをインポートする必要があります。 たとえば、コンポーネント (ボタン コンポーネント) を別のコンポーネント (ページ コンポーネント) にインポートする方法を見てみましょう。 次のコードはページコンポーネントを示しています 👇
// Page component, for example /src/views/Page.js
import React from 'react';
import Button from '../components/elements/Button';
class Page extends React.Component {
render() {
return <Button>My button</Button>;
}
}
export default Page;
コンポーネントのインポートについて詳しくは、Create React App のドキュメント (opens in a new tab)をご覧ください。