Logo

Wydzielmy nasz komponent do osobnego pliku

  1. W folderze src stwórz folder components, a w nim plik CounterButton.js
  2. Przenieś definicję klasy CounterButton do tego pliku
  3. Zaimportuj u góry React!
  4. Ustaw domyślny eksport tego pliku na CounterButton
// src/components/CounterButton.js

import React from 'react';

class CounterButton extends React.Component {
  // stan, metody, render
}

export default CounterButton;

Dzięki takiemu zabiegowi mamy zdefiniowany gotowy moduł, który możemy zaimportować w App!