新たな機能が追加されました→
ドキュメント
React テンプレート
コンポーネントImportと利用

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)をご覧ください。