Simple counter jsx component This is my first ES6 &amp; JSX React Component. It's just a simple counter with disabling/enabling buttons on certain conditions with notice.

I would like to know if this code is OK or if you could've done something another way. I want to avoid bad practices right from the beginning.

import React from 'react';

export default class Counter extends React.Component{
  constructor(props) {
    super(props);
    this.state = {
      number: 0,
    };

    this.decrement = this.decrement.bind(this);
    this.increment = this.increment.bind(this);
  }

  decrement() {
    this.setState({
      number: this.state.number - 1
    })
  }

  increment() {
    this.setState({
      number: this.state.number + 1
    })
  }

  disableIncrement() {
    if(this.state.number &gt;= 10) {
      return true;
    } else {
      return false;
    }
  }

  disableDecrement() {
    if(this.state.number &lt;= 0) {
      return true;
    } else {
      return false;
    }
  }

  notice() {
    if(this.disableIncrement()) {
      return 'You\'ve reached N° 10.';
    }
    if(this.disableDecrement()) {
      return 'You can\'t decrement. You\'re at N° 0';
    }
    return 'You can do both.';
  }

  render() {
    return(
      &lt;div&gt;
        &lt;p&gt;{this.state.number}&lt;/p&gt;
        &lt;button disabled={this.disableIncrement()} onClick={this.increment}&gt;+&lt;/button&gt;
        &lt;button disabled={this.disableDecrement()} onClick={this.decrement}&gt;-&lt;/button&gt;
        &lt;p&gt;{this.notice()}&lt;/p&gt;
      &lt;/div&gt;
    )
  }
}
First, you need to bind this to the notice function as well

this:

if(this.state.number &lt;= 0) {
  return true;
} else {
  return false;
}


Can be written as: 

this.state.number &lt;= 0


as It will return those booleans anyway

in which case you could write: 

notice() {
  const { number } = this.state

  if(number &gt;= 10) {
    return 'You\'ve reached N° 10.';
  }

  if(number &lt;= 0) {
    return 'You can\'t decrement. You\'re at N° 0';
  }

  return 'You can do both.';
}


Note the destructuring pattern:

const { number } = this.state
// is the same as
const number = this.state.number