React: Using .bind(this) on parent and child components

In a react script, for every function in both the parent and child components we must have this magic line using .bind(this)in the constructors:

this.nameOfFunction = this.nameOfFunction.bind(this);

For example:

// Parent with a incrementNumberTurns() function:
this.incrementNumberTurns = this.incrementNumberTurns.bind(this);

// Child with a handleClick() function:
this.handleClick = this.handleClick.bind(this)

Here is an example from the parent component constructor of my tic-tac-toe game. Every function name needs to be initialized in the constructor this way:

class Game extends React.Component {
  constructor(props) {
    this.incrementNumberTurns = this.incrementNumberTurns.bind(this);
    this.populateXLocations = this.populateXLocations.bind(this);
    this.cellClicked = this.cellClicked.bind(this);
    this.updateBoard = this.updateBoard.bind(this);
    this.newGame = this.newGame.bind(this);
    this.changeTurns = this.changeTurns.bind(this);
    this.setGameInProgress = this.setGameInProgress.bind(this);
    this.setCatsGame = this.setCatsGame.bind(this);


Here is what the React documentation says about .bind(this):

For more information about .bind(this), see: